ওয়েব ডিজাইন (Web Design) হলো এমন একটি প্রক্রিয়া যার মাধ্যমে একটি ওয়েবসাইটের আকার, বিন্যাস, রং, ফন্ট, গ্রাফিক্স, এবং ইউজার ইন্টারফেস তৈরি করা হয়। এটি একটি ওয়েবসাইটকে ব্যবহারকারীর জন্য কার্যকরী, দৃষ্টিনন্দন, এবং সহজবোধ্য করে তোলে। ওয়েব ডিজাইনের প্রধান কাজ হলো ব্যবহারকারীদের অভিজ্ঞতা উন্নত করা এবং সাইটে নেভিগেশনকে সহজ করা। আধুনিক ওয়েব ডিজাইন শুধু ডেস্কটপের জন্যই নয়, মোবাইল এবং ট্যাবলেটের মতো অন্যান্য ডিভাইসের জন্যও গুরুত্বপূর্ণ।
ওয়েব ডিজাইনের মূল উপাদান:
১. লেআউট (Layout):
- লেআউট হলো ওয়েবসাইটের কাঠামো, যেখানে বিভিন্ন উপাদান যেমন হেডার, ফুটার, মেনু, এবং কন্টেন্ট রাখা হয়। এটি ওয়েবসাইটের সঠিক বিন্যাস এবং ব্যবহারকারীদের সহজে তথ্য খুঁজে পাওয়ার ব্যবস্থা করে।
২. গ্রাফিক্স (Graphics):
- ওয়েবসাইটে ব্যবহৃত ছবি, লোগো, এবং আইকনগুলোই গ্রাফিক্স। এগুলো ওয়েবসাইটকে দৃষ্টিনন্দন এবং তথ্যপূর্ণ করে তোলে।
৩. ফন্ট এবং রং (Fonts and Colors):
- ওয়েবসাইটে ব্যবহৃত ফন্ট এবং রং ওয়েবসাইটের দৃষ্টিনন্দনতা এবং ব্র্যান্ড পরিচিতি নির্ধারণ করে। এর মাধ্যমে ব্যবহারকারীর মনোযোগ আকর্ষণ করা হয়।
৪. ইউজার ইন্টারফেস (User Interface - UI):
- ওয়েবসাইটের ব্যবহারকারীর সাথে যোগাযোগের পদ্ধতিকে UI বলা হয়। এটি একটি ওয়েবসাইটকে কার্যকরী এবং ব্যবহারকারীদের জন্য সহজে নেভিগেট করার সুযোগ দেয়।
৫. রেসপনসিভ ডিজাইন (Responsive Design):
- রেসপনসিভ ডিজাইন হলো ওয়েবসাইটের এমন একটি ফিচার যা বিভিন্ন আকারের ডিভাইসে (ডেস্কটপ, মোবাইল, ট্যাবলেট) উপযুক্তভাবে প্রদর্শিত হয়।
HTML (হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ):
HTML (Hypertext Markup Language) হলো ওয়েবসাইট তৈরি করার জন্য ব্যবহৃত একটি প্রাথমিক ভাষা। HTML মূলত ওয়েব পেজের স্ট্রাকচার বা কাঠামো তৈরি করে, যেখানে বিভিন্ন উপাদান যেমন টেক্সট, ইমেজ, এবং লিঙ্ক স্থাপন করা হয়। HTML ব্যবহার করে ওয়েবসাইটের বেসিক কাঠামো তৈরি করা হয়, যা ব্রাউজারকে নির্দেশ দেয় কীভাবে একটি ওয়েব পেজ প্রদর্শিত হবে।
HTML এর প্রধান উপাদানসমূহ:
১. ট্যাগ (Tag):
- HTML ট্যাগ হলো নির্দেশনা যা ব্রাউজারকে জানায় কীভাবে কন্টেন্ট প্রদর্শন করতে হবে। প্রতিটি HTML ট্যাগের শুরু এবং শেষ থাকে। উদাহরণ:
..., ...।
২. এলিমেন্ট (Element):
- HTML এলিমেন্ট হলো ট্যাগ এবং তার মধ্যে থাকা কন্টেন্ট। উদাহরণ:
এটি একটি প্যারাগ্রাফ
৩. অ্যাট্রিবিউট (Attribute):
- HTML অ্যাট্রিবিউট হলো ট্যাগের কিছু অতিরিক্ত তথ্য যা উপাদানের বৈশিষ্ট্য নির্ধারণ করে। উদাহরণ:
একটি সাধারণ HTML ডকুমেন্টের উদাহরণ:
আমার প্রথম ওয়েব পেজ
স্বাগতম!
এটি আমার প্রথম HTML পেজ।
উদাহরণটি একটি সাধারণ HTML পেজ দেখায়, যেখানে হেডারে একটি শিরোনাম </code> এবং বডিতে একটি প্রধান শিরোনাম <code><h1></code> এবং একটি প্যারাগ্রাফ <code><p></code> রয়েছে।</p><h3>HTML এর প্রধান ট্যাগসমূহ:</h3><p>১. <code><strong><html></strong></code>: HTML ডকুমেন্টের শুরু এবং শেষ নির্দেশ করে। ২. <code><strong><head></strong></code>: ডকুমেন্টের মেটাডেটা (যেমন শিরোনাম) ধারণ করে। ৩. <code><strong><title></strong></code>: ওয়েব পেজের টাইটেল নির্ধারণ করে, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়। ৪. <code><strong><body></strong></code>: HTML ডকুমেন্টের মূল কন্টেন্ট ধারণ করে। ৫. <code><strong><h1></strong></code><strong> থেকে </strong><code><strong><h6></strong></code>: বিভিন্ন স্তরের শিরোনাম তৈরি করে। <code><h1></code> সবচেয়ে বড় এবং <code><h6></code> সবচেয়ে ছোট। ৬. <code><strong><p></strong></code>: প্যারাগ্রাফ তৈরি করে। ৭. <code><strong><img></strong></code>: ইমেজ যোগ করার জন্য ব্যবহৃত হয়। ৮. <code><strong><a></strong></code>: হাইপারলিংক তৈরি করে, যা অন্য পেজ বা ওয়েবসাইটে নিয়ে যায়।</p><h3>সারসংক্ষেপ:</h3><p><strong>ওয়েব ডিজাইন</strong> হলো একটি প্রক্রিয়া যা ওয়েবসাইটের ভিজ্যুয়াল এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য কাজ করে, এবং <strong>HTML</strong> হলো সেই ভাষা যার মাধ্যমে ওয়েবসাইটের বেসিক স্ট্রাকচার তৈরি করা হয়। HTML ওয়েব ডিজাইনের ভিত্তি হিসেবে কাজ করে, যা CSS এবং JavaScript-এর মতো অন্যান্য প্রযুক্তি দিয়ে উন্নত করা যায়।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added || updated By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=78182
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Default port for HTTP?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 23 </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> 25</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> 80</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> 45</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েব ডিজাইন পরিচিতি এবং HTML" data-slug="ওয়েব-ডিজাইন-পরিচিতি-এবং-html">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েব ডিজাইন পরিচিতি এবং HTML</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=77314
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>নিচের কোনটি কম্পিউটারের একটি মার্কআপ ভাষা?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> HTML </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> PHP</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> JAVA</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> PYTHON</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েব ডিজাইন পরিচিতি এবং HTML" data-slug="ওয়েব-ডিজাইন-পরিচিতি-এবং-html">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েব ডিজাইন পরিচিতি এবং HTML</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=76158
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>The newest version of HTML is?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> WML </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> HTML5</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> XSL</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> DTML 3</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েব ডিজাইন পরিচিতি এবং HTML" data-slug="ওয়েব-ডিজাইন-পরিচিতি-এবং-html">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েব ডিজাইন পরিচিতি এবং HTML</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=75187
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>What is the correct HTML tag for columns in a table</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> <tr></tr> </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> <th></th></span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> <td></td></span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> <tc></tc></span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েব ডিজাইন পরিচিতি এবং HTML" data-slug="ওয়েব-ডিজাইন-পরিচিতি-এবং-html">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েব ডিজাইন পরিচিতি এবং HTML</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=70773
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>HTML কী কাজে ব্যবহার করা হয়? </span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> গ্রাফিক্স ডিজাইন </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> ওয়েবসাইট ডিজাইনে </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> টেবিল ডিজাইনে </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> চার্ট ডিজাইনে </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েব ডিজাইন পরিচিতি এবং HTML" data-slug="ওয়েব-ডিজাইন-পরিচিতি-এবং-html">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েব ডিজাইন পরিচিতি এবং HTML</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4386/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.7k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.7k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www"
data-id="4585" data-subject_id="4585"
data-mcq="11"
data-written="11" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</strong> হলো একটি তথ্য ব্যবস্থা যা ইন্টারনেটে অবস্থিত বিভিন্ন ধরনের ডেটা এবং তথ্যকে সংযুক্ত করে। এটি একটি হাইপারটেক্সট সিস্টেম, যেখানে ব্যবহারকারীরা ওয়েব পেজ, ইমেজ, ভিডিও, এবং অন্যান্য মিডিয়া ফাইলগুলি ব্রাউজ করার মাধ্যমে তথ্য অ্যাক্সেস করতে পারে। ওয়েব পেজগুলি হাইপারলিঙ্কের মাধ্যমে একে অপরের সঙ্গে সংযুক্ত থাকে, যা ব্যবহারকারীদের দ্রুত তথ্যের মধ্যে চলাফেরা করার সুযোগ দেয়।</p><h3>WWW-এর প্রধান বৈশিষ্ট্য:</h3><p>১. <strong>হাইপারটেক্সট</strong>:</p><ul><li>WWW হাইপারটেক্সটের মাধ্যমে কাজ করে, যা ব্যবহারকারীদের একটি শব্দ বা শব্দগুচ্ছের ওপর ক্লিক করে অন্য পৃষ্ঠায় যাওয়ার সুযোগ দেয়। এটি তথ্যের মধ্যে সম্পর্ক তৈরি করে এবং ব্যবহারকারীদের দ্রুত তথ্য অনুসন্ধান করতে সাহায্য করে।</li></ul><p>২. <strong>ইন্টারেক্টিভিটি</strong>:</p><ul><li>WWW ইন্টারেক্টিভ পদ্ধতিতে কাজ করে। ব্যবহারকারীরা বিভিন্ন ওয়েব পেজে ক্লিক করতে পারে, ফর্ম পূরণ করতে পারে, ভিডিও দেখতে পারে, এবং আরও অনেক কিছু করতে পারে।</li></ul><p>৩. <strong>মাল্টিমিডিয়া</strong>:</p><ul><li>WWW টেক্সট, ছবি, অডিও, এবং ভিডিওর সমন্বয়ে একটি সম্পূর্ণ মাল্টিমিডিয়া অভিজ্ঞতা প্রদান করে। ব্যবহারকারীরা বিভিন্ন ধরনের মিডিয়া উপাদান ব্যবহার করে তথ্যকে আরও আকর্ষণীয়ভাবে উপস্থাপন করতে পারে।</li></ul><h3>WWW-এর ইতিহাস:</h3><p><strong>আরম্ভ</strong>: ১৯৮৯ সালে টিম বার্নার্স-লি (Tim Berners-Lee) এই ধারণাটি প্রবর্তন করেন। তিনি প্রথমে CERN (European Organization for Nuclear Research)-এ ওয়েবের ভিত্তি তৈরি করেন, যা গবেষকদের মধ্যে তথ্য শেয়ার করার জন্য একটি সহজ মাধ্যম ছিল।</p><p><strong>প্রথম ওয়েব পেজ</strong>: ১৯৯১ সালে টিম বার্নার্স-লি প্রথম ওয়েব পেজ তৈরি করেন এবং এটি বিশ্বব্যাপী ব্যবহারকারীদের জন্য উন্মুক্ত করেন।</p><p><strong>বিকাশ</strong>: ১৯৯৩ সালে NCSA Mosaic নামক প্রথম গ্রাফিকাল ওয়েব ব্রাউজার চালু হয়, যা WWW কে ব্যাপকভাবে জনপ্রিয় করে তোলে।</p><h3>WWW-এর কাজ করার পদ্ধতি:</h3><p><strong>ওয়েব সার্ভার</strong>: ওয়েব সার্ভার একটি কম্পিউটার যা ওয়েব পেজ এবং অন্যান্য তথ্য সংরক্ষণ করে এবং ব্যবহারকারীদের অনুরোধের মাধ্যমে সেই তথ্য সরবরাহ করে।</p><p><strong>ওয়েব ব্রাউজার</strong>: ওয়েব ব্রাউজার, যেমন Google Chrome, Mozilla Firefox, এবং Safari, ব্যবহারকারীদের ওয়েব পেজ দেখতে এবং বিভিন্ন ওয়েবসাইটে নেভিগেট করতে সাহায্য করে। এটি HTTP/HTTPS প্রোটোকলের মাধ্যমে ওয়েব সার্ভারের সঙ্গে যোগাযোগ করে।</p><p><strong>URL (Uniform Resource Locator)</strong>: ওয়েব পেজ বা তথ্যের সঠিক অবস্থান নির্ধারণ করতে URL ব্যবহার করা হয়। URL হলো একটি ঠিকানা, যা নির্দিষ্ট ওয়েব পৃষ্ঠার কাছে পৌঁছানোর জন্য প্রয়োজনীয়।</p><h3>WWW-এর সুবিধা:</h3><p>১. <strong>তথ্য অ্যাক্সেস</strong>:</p><ul><li>WWW ব্যবহারকারীদের বিশ্বব্যাপী তথ্যের অ্যাক্সেস প্রদান করে। এটি গবেষণা, শিক্ষা, এবং অন্যান্য কাজে সহায়ক।</li></ul><p>২. <strong>কমিউনিকেশন</strong>:</p><ul><li>WWW ইমেইল, ফোরাম, ব্লগ, এবং সামাজিক মিডিয়ার মাধ্যমে ব্যবহারকারীদের মধ্যে যোগাযোগ এবং তথ্য শেয়ার করার সুযোগ দেয়।</li></ul><p>৩. <strong>ব্যবসা এবং বাণিজ্য</strong>:</p><ul><li>WWW ব্যবসা প্রতিষ্ঠানের জন্য একটি প্ল্যাটফর্ম সরবরাহ করে, যেখানে তারা তাদের পণ্য ও পরিষেবা প্রদর্শন করতে পারে এবং অনলাইন মার্কেটিং করতে পারে।</li></ul><h3>WWW-এর সীমাবদ্ধতা:</h3><p>১. <strong>তথ্য সঠিকতা</strong>:</p><ul><li>WWW-তে প্রচুর তথ্য উপলব্ধ থাকলেও সব তথ্য সঠিক বা বিশ্বাসযোগ্য নয়। তাই তথ্য যাচাই করা গুরুত্বপূর্ণ।</li></ul><p>২. <strong>নিরাপত্তা সমস্যা</strong>:</p><ul><li>ব্যক্তিগত তথ্য এবং অনলাইন লেনদেনের ক্ষেত্রে নিরাপত্তা ঝুঁকি রয়েছে। হ্যাকিং, ফিশিং, এবং অন্যান্য সাইবার ক্রাইম থেকে সুরক্ষা নিশ্চিত করতে প্রয়োজন।</li></ul><p>৩. <strong>ডিজিটাল বিভাজন</strong>:</p><ul><li>বিশ্বের কিছু অংশে ইন্টারনেট অ্যাক্সেস সীমিত, যা ডিজিটাল বিভাজন সৃষ্টি করে এবং তথ্যের অসম প্রবাহ ঘটায়।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ওয়ার্ল্ড ওয়াইড ওয়েব (WWW)</strong> হলো একটি হাইপারটেক্সট সিস্টেম যা ইন্টারনেটের মাধ্যমে তথ্য সংযুক্ত করে এবং ব্যবহারকারীদের মধ্যে তথ্যের আদান-প্রদানকে সহজ করে। এটি একটি শক্তিশালী তথ্য উৎস এবং যোগাযোগের মাধ্যম, যা ব্যবসা, শিক্ষা, এবং গবেষণায় গুরুত্বপূর্ণ ভূমিকা পালন করে। তবে, এর কিছু সীমাবদ্ধতা ও চ্যালেঞ্জও রয়েছে, যা নিরাপত্তা এবং তথ্যের সঠিকতা নিশ্চিত করতে সতর্কতা প্রয়োজন।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=74453
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>WWW(World Wide Web) এর জনক কে?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> বিল গেটস </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> টিম বার্নাস লি.</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> স্টিভ জবস</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> জেফ বেজোস</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=64209
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span> which organization defines the Web Standards ? </span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Microsoft Corporation </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> IBM Corporation </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> World Wide Web consortium </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> None </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=60980
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>What is the meaning of 'WWW' written in front of a web address?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> World Wide Wireles Windows </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> World Wide Web</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> World Wide WAN</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> World Wide Wire-free Woofer</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> None of these </span>
</span>
</div>
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=41220
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>What does www stand for?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> World Wide Web </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> World Wide Work</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Web World Wide</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> World Web Work</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=38434
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>The World Wide Web is part of the -</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> thread </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> post</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> article</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> internet</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)" data-slug="ওয়ার্ল্ড-ওয়াইড-ওয়েব-www">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়ার্ল্ড ওয়াইড ওয়েব (World Wide Web - WWW)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4585/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_uniform-resource-locator-url">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ইউআরএল (Uniform Resource Locator - URL)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.5k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.5k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="uniform-resource-locator-url"
data-id="4586" data-subject_id="4586"
data-mcq="3"
data-written="3" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ইউআরএল (Uniform Resource Locator)</strong> হলো একটি ওয়েব ঠিকানা যা ইন্টারনেটে একটি নির্দিষ্ট রিসোর্স বা পৃষ্ঠার অবস্থান নির্দেশ করে। এটি সাধারণত ওয়েবসাইটের পৃষ্ঠা, ইমেজ, ভিডিও, বা অন্য কোনো ডকুমেন্টের অবস্থান নির্ধারণ করতে ব্যবহৃত হয়। ইউআরএল একটি ওয়েব ব্রাউজারের মাধ্যমে ব্যবহারকারীদের নির্দিষ্ট রিসোর্সে নিয়ে যায়।</p><h3>ইউআরএল-এর গঠন:</h3><p>ইউআরএল সাধারণত তিনটি প্রধান অংশে বিভক্ত:</p><p>১. <strong>প্রোটোকল (Protocol)</strong>:</p><ul><li>প্রোটোকল হলো সেই পদ্ধতি যা ইউআরএল-এর মাধ্যমে রিসোর্স অ্যাক্সেস করতে ব্যবহৃত হয়। সাধারণত, <code>http</code> বা <code>https</code> প্রোটোকল ব্যবহৃত হয়।</li><li>উদাহরণ:<ul><li><code>http://</code> : হাইপারটেক্সট ট্রান্সফার প্রোটোকল।</li><li><code>https://</code> : সুরক্ষিত হাইপারটেক্সট ট্রান্সফার প্রোটোকল, যা তথ্য এনক্রিপ্ট করে।</li></ul></li></ul><p>২. <strong>ডোমেইন নাম (Domain Name)</strong>:</p><ul><li>ডোমেইন নাম হলো সেই অংশ যা ওয়েবসাইটের পরিচয় দেয়। এটি ওয়েবসাইটের মূল ঠিকানা এবং এটি একটি ইউনিক নাম হতে হবে। উদাহরণ: <code>www.example.com</code></li></ul><p>৩. <strong>পাথ (Path)</strong>:</p><ul><li>পাথ হলো সেই অংশ যা ডোমেইনের মধ্যে নির্দিষ্ট রিসোর্সের অবস্থান নির্দেশ করে। এটি ফোল্ডার বা ফাইলের অবস্থান নির্ধারণ করতে ব্যবহৃত হয়।</li><li>উদাহরণ: <code>/blog/post-1.html</code></li></ul><h3>ইউআরএল-এর উদাহরণ:</h3><p><code>https://www.example.com/blog/post-1.html
</code></p><p>এখানে:</p><ul><li><code><strong>https://</strong></code>: প্রোটোকল</li><li><code><strong>www.example.com</strong></code>: ডোমেইন নাম</li><li><code><strong>/blog/post-1.html</strong></code>: পাথ</li></ul><h3>ইউআরএল-এর বিভিন্ন উপাদান:</h3><p>১. <strong>প্রোটোকল</strong>:</p><ul><li>এটি নির্ধারণ করে কোন প্রোটোকল ব্যবহার করে ওয়েব ব্রাউজার রিসোর্স অ্যাক্সেস করবে। সাধারণত <code>http</code> বা <code>https</code> ব্যবহৃত হয়।</li></ul><p>২. <strong>সাবডোমেইন (Subdomain)</strong>:</p><ul><li>একটি মূল ডোমেইনের অধীনে তৈরি করা হয়, যা ওয়েবসাইটের বিভিন্ন বিভাগ বা সেকশন নির্দেশ করে। উদাহরণ: <code>blog.example.com</code> (এখানে <code>blog</code> হলো সাবডোমেইন)।</li></ul><p>৩. <strong>ডোমেইন নাম</strong>:</p><ul><li>এটি ওয়েবসাইটের মূল নাম এবং এটি ইউনিক হতে হবে। উদাহরণ: <code>example.com</code></li></ul><p>৪. <strong>টপ-লেভেল ডোমেইন (TLD)</strong>:</p><ul><li>এটি ডোমেইনের শেষে আসে এবং ডোমেইনের ধরন নির্দেশ করে। উদাহরণ: <code>.com</code>, <code>.org</code>, <code>.net</code>, <code>.edu</code> ইত্যাদি।</li></ul><p>৫. <strong>পোর্ট নম্বর (Port Number)</strong>:</p><ul><li>সাধারণত এটি ইউআরএল-এ উল্লেখ করা হয় না, কারণ <code>http</code> এর জন্য পোর্ট ৮০ এবং <code>https</code> এর জন্য পোর্ট ৪৪৩ স্বয়ংক্রিয়ভাবে ব্যবহৃত হয়। তবে কখনও কখনও নির্দিষ্ট পোর্ট উল্লেখ করতে হয়, যেমন: <code>https://www.example.com:8080/</code>।</li></ul><p>৬. <strong>পাথ (Path)</strong>:</p><ul><li>এটি ডোমেইনের অধীনে একটি নির্দিষ্ট পেজ বা ফাইলের অবস্থান নির্দেশ করে। উদাহরণ: <code>/products/mobile.html</code></li></ul><p>৭. <strong>কোয়েরি স্ট্রিং (Query String)</strong>:</p><ul><li>এটি একটি ইউআরএলের শেষের দিকে যুক্ত হয় এবং সাধারণত প্রশ্নের আকারে অতিরিক্ত তথ্য প্রেরণ করে। উদাহরণ: <code>?id=123&category=mobile</code></li></ul><p>৮. <strong>ফ্র্যাগমেন্ট (Fragment)</strong>:</p><ul><li>এটি একটি নির্দিষ্ট পেজের নির্দিষ্ট অংশ বা সেকশনে নিয়ে যায়। উদাহরণ: <code>#section2</code></li></ul><h3>ইউআরএল-এর গুরুত্ব:</h3><p>১. <strong>ইন্টারনেটে রিসোর্স অ্যাক্সেস করা</strong>:</p><ul><li>ইউআরএল ব্যবহার করে ব্যবহারকারী ইন্টারনেটে নির্দিষ্ট পৃষ্ঠায় বা রিসোর্সে সহজে পৌঁছাতে পারে। এটি একটি ডিরেক্ট লিংক প্রদান করে।</li></ul><p>২. <strong>ওয়েব পেজের পরিচিতি</strong>:</p><ul><li>ইউআরএল ওয়েব পৃষ্ঠার পরিচয় দেয় এবং ওয়েবসাইটের প্রতিটি পৃষ্ঠার জন্য একটি ইউনিক ঠিকানা প্রদান করে।</li></ul><p>৩. <strong>সার্চ ইঞ্জিন অপ্টিমাইজেশন (SEO)</strong>:</p><ul><li>এসইও-তে ইউআরএল একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। পরিষ্কার, বর্ণনামূলক এবং কীওয়ার্ড সমৃদ্ধ ইউআরএল সার্চ ইঞ্জিনে ওয়েব পেজের র্যাংকিং উন্নত করতে সাহায্য করে।</li></ul><h3>ইউআরএল ব্যবহারের নির্দেশনা:</h3><p>১. <strong>স্পষ্ট এবং সহজ ইউআরএল তৈরি করা</strong>:</p><ul><li>ইউআরএল যতটা সম্ভব সহজ এবং স্পষ্ট হওয়া উচিত, যাতে ব্যবহারকারী সহজে বুঝতে পারে। উদাহরণ: <code>https://www.example.com/products/mobile</code>।</li></ul><p>২. <strong>স্পেশাল ক্যারেক্টার এড়ানো</strong>:</p><ul><li>ইউআরএল-এ স্পেশাল ক্যারেক্টার এড়ানো উচিত, কারণ এটি ভুল বুঝতে পারে বা ভুল তথ্য প্রদর্শন করতে পারে।</li></ul><p>৩. <strong>কীওয়ার্ড ব্যবহার করা</strong>:</p><ul><li>ইউআরএল-এ প্রাসঙ্গিক কীওয়ার্ড যুক্ত করা উচিত, যা সার্চ ইঞ্জিনে ভালো র্যাংক পেতে সহায়ক।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ইউআরএল (Uniform Resource Locator)</strong> হলো ইন্টারনেটে একটি নির্দিষ্ট রিসোর্সের ঠিকানা, যা ব্যবহারকারীদের একটি ওয়েব পৃষ্ঠায় বা রিসোর্সে নিয়ে যায়। ইউআরএল-এর বিভিন্ন উপাদান রয়েছে, যেমন প্রোটোকল, ডোমেইন নাম, পাথ, এবং কোয়েরি স্ট্রিং। এটি ওয়েবসাইটের রিসোর্স অ্যাক্সেস, সার্চ ইঞ্জিন অপ্টিমাইজেশন, এবং ওয়েব পেজের পরিচিতি নির্ধারণে গুরুত্বপূর্ণ ভূমিকা পালন করে।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=77236
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>নিচের কোনটি একটি প্রতিষ্ঠানের ওয়েব ঠিকানাকে নির্দেশ করে?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> http </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> www</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> URL</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> HTML</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ইউআরএল (Uniform Resource Locator - URL)" data-slug="uniform-resource-locator-url">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ইউআরএল (Uniform Resource Locator - URL)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=50387
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>URL এর অর্থ -</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Unlimited reading library </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> Uniform resource locator</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Uniform research laboratory</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Universal resource locator</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ইউআরএল (Uniform Resource Locator - URL)" data-slug="uniform-resource-locator-url">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ইউআরএল (Uniform Resource Locator - URL)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=39204
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>The first part of a complete URL is the ------ needed to access the web resource. The missing word in the sentence is :</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> address </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> name</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> location</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> protocol</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> search engine </span>
</span>
</div>
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ইউআরএল (Uniform Resource Locator - URL)" data-slug="uniform-resource-locator-url">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ইউআরএল (Uniform Resource Locator - URL)</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="Sentence Completion" data-slug="sentence-completion">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">Sentence Completion</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4586/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ip-address">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
আইপি এড্রেস (IP Address)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.5k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.5k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ip-address"
data-id="4587" data-subject_id="4587"
data-mcq="28"
data-written="28" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>আইপি এড্রেস (IP Address)</strong> হলো একটি ইউনিক নম্বর, যা ইন্টারনেট বা একটি নেটওয়ার্কে যেকোনো ডিভাইসের অবস্থান নির্ধারণ করে। এটি ডিভাইসগুলোর মধ্যে তথ্যের সঠিকভাবে আদান-প্রদান করতে সহায়ক। আইপি এড্রেস দুটি প্রধান সংস্করণে পাওয়া যায়: IPv4 এবং IPv6।</p><h3>আইপি এড্রেসের প্রকারভেদ:</h3><h4>১. IPv4 (Internet Protocol version 4):</h4><ul><li><strong>ফরম্যাট</strong>: IPv4 আইপি এড্রেস 32-বিট সংখ্যা হিসেবে প্রকাশ করা হয়, যা 4টি অক্টেট (৮ বিট) দ্বারা গঠিত। প্রতিটি অক্টেটের মান ০ থেকে ২৫৫ এর মধ্যে হতে পারে।</li><li><strong>উদাহরণ</strong>: 192.168.1.1</li><li><strong>সীমাবদ্ধতা</strong>: IPv4 এর সীমিত সংখ্যক ঠিকানা (প্রায় 4 বিলিয়ন) আছে, যা বর্তমানে কমতে শুরু করেছে।</li></ul><h4>২. IPv6 (Internet Protocol version 6):</h4><ul><li><strong>ফরম্যাট</strong>: IPv6 আইপি এড্রেস 128-বিট সংখ্যা হিসেবে প্রকাশ করা হয়, যা 8টি হেক্সাডেসিমাল ব্লক দ্বারা গঠিত। প্রতিটি ব্লক 16 বিটের।</li><li><strong>উদাহরণ</strong>: 2001:0db8:85a3:0000:0000:8a2e:0370:7334</li><li><strong>সুবিধা</strong>: IPv6 এর মাধ্যমে অসংখ্য ঠিকানা তৈরি করা সম্ভব, যা ভবিষ্যতে আইপি ঠিকানার চাহিদা মেটাতে সহায়ক।</li></ul><h3>আইপি এড্রেসের প্রকারভেদ:</h3><p>১. <strong>স্ট্যাটিক আইপি এড্রেস</strong>:</p><ul><li>একটি স্থায়ী আইপি এড্রেস, যা পরিবর্তন হয় না। সাধারণত সার্ভার বা নেটওয়ার্ক ডিভাইসের জন্য ব্যবহৃত হয়।</li></ul><p>২. <strong>ডাইনামিক আইপি এড্রেস</strong>:</p><ul><li>একটি পরিবর্তনশীল আইপি এড্রেস, যা DHCP (Dynamic Host Configuration Protocol) দ্বারা অটো-assigned হয়। এটি সাধারণত ক্লায়েন্ট ডিভাইসের জন্য ব্যবহৃত হয়, যেমন ল্যাপটপ এবং মোবাইল ফোন।</li></ul><h3>আইপি এড্রেসের গুরুত্ব:</h3><ul><li><strong>অবস্থান নির্ধারণ</strong>: আইপি এড্রেস ব্যবহার করে একটি ডিভাইসের অবস্থান সনাক্ত করা যায়, যা ডেটা রাউটিংয়ের জন্য অত্যন্ত গুরুত্বপূর্ণ।</li><li><strong>নেটওয়ার্ক সুরক্ষা</strong>: আইপি এড্রেসের মাধ্যমে নিরাপত্তা প্রোটোকল এবং ফায়ারওয়াল কনফিগারেশন তৈরি করা যায়, যা নেটওয়ার্ককে সুরক্ষিত রাখে।</li><li><strong>যোগাযোগ</strong>: ইন্টারনেটের মাধ্যমে ডিভাইসগুলোর মধ্যে তথ্যের সঠিক যোগাযোগ নিশ্চিত করতে আইপি এড্রেস অপরিহার্য।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>আইপি এড্রেস (IP Address)</strong> হলো একটি অনন্য শনাক্তকারী, যা ইন্টারনেট বা নেটওয়ার্কে ডিভাইসের অবস্থান এবং যোগাযোগ নির্ধারণ করে। IPv4 এবং IPv6 হল আইপি এড্রেসের দুইটি প্রধান সংস্করণ, যেখানে IPv6 ভবিষ্যতের জন্য আরো বিশাল সংখ্যক ঠিকানা তৈরি করতে সক্ষম। আইপি এড্রেস নেটওয়ার্ক সুরক্ষা, তথ্য যোগাযোগ, এবং অবস্থান নির্ধারণের ক্ষেত্রে অত্যন্ত গুরুত্বপূর্ণ।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=82498
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>নিচের কোনটি Private IP address?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 192.169.10.10 </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> 11.5.10.10</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 1.1.1.1</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> 172.16.5.3</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="আইপি এড্রেস (IP Address)" data-slug="ip-address">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">আইপি এড্রেস (IP Address)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=82504
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>IP address থেকে MAC Address জানার protocol কোনটি?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> RIP </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> BGP</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> ARP</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> TCP</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="আইপি এড্রেস (IP Address)" data-slug="ip-address">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">আইপি এড্রেস (IP Address)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=82480
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>একটি IPV6 address এর দৈর্ঘ্য কত?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 32 bits </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> 128 bits</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 64 bits</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> 256 bits</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="আইপি এড্রেস (IP Address)" data-slug="ip-address">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">আইপি এড্রেস (IP Address)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=81134
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>কোনটি অন্যগুলো থেকে আলাদ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> ফোরট্রোন </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> জাভা</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> আইপি</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> ওরাকল</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="আইপি এড্রেস (IP Address)" data-slug="ip-address">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">আইপি এড্রেস (IP Address)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=76144
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>How many bit addresses of IPV6 version?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 24 </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> 32</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> 64</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> 128</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="আইপি এড্রেস (IP Address)" data-slug="ip-address">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">আইপি এড্রেস (IP Address)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4587/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ডোমেইন-domain">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ডোমেইন (Domain)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
883
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
883
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ডোমেইন-domain"
data-id="4588" data-subject_id="4588"
data-mcq="0"
data-written="0" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ডোমেইন (Domain)</strong> হলো একটি অনলাইন ঠিকানা বা নাম, যা ওয়েবসাইটের সনাক্তকরণ এবং অ্যাক্সেসের জন্য ব্যবহৃত হয়। ডোমেইন নামটি ইন্টারনেটে ওয়েবসাইটের অবস্থান নির্দেশ করে এবং ব্যবহারকারীদের ওয়েবসাইটটি সহজে খুঁজে পেতে সহায়তা করে। উদাহরণস্বরূপ, <a href="http://www.example.com"><strong>www.example.com</strong></a> হলো একটি ডোমেইন নাম, যেখানে "example" হলো মূল নাম এবং ".com" হলো ডোমেইন এক্সটেনশন বা টপ-লেভেল ডোমেইন (TLD)।</p><h3>ডোমেইনের উপাদানসমূহ:</h3><p>১. <strong>সাবডোমেইন (Subdomain)</strong>:</p><ul><li>সাবডোমেইন হলো মূল ডোমেইনের একটি অংশ, যা মূল ডোমেইনের পূর্বে যোগ করা হয়। এটি মূল ডোমেইনকে বিভক্ত করে এবং ভিন্ন ভিন্ন অংশে ভাগ করতে সাহায্য করে।</li><li>উদাহরণ: "blog.example.com" - এখানে "blog" হলো সাবডোমেইন।</li></ul><p>২. <strong>ডোমেইন নাম (Domain Name)</strong>:</p><ul><li>ডোমেইন নাম হলো ওয়েবসাইটের মূল নাম বা আইডেন্টিফায়ার, যা ব্যবহারকারীদের ওয়েবসাইটটি সহজে খুঁজে পেতে সহায়ক করে। এটি সাধারণত কোম্পানি বা ব্র্যান্ডের নাম হতে পারে।</li></ul><p>৩. <strong>টপ-লেভেল ডোমেইন (Top-Level Domain - TLD)</strong>:</p><ul><li>TLD হলো ডোমেইনের এক্সটেনশন, যা ডোমেইন নামের শেষে থাকে। এটি সাধারণত ".com", ".org", ".net" এর মতো হতে পারে। এছাড়াও দেশভিত্তিক TLD যেমন ".bd" (বাংলাদেশ), ".us" (যুক্তরাষ্ট্র) রয়েছে।</li></ul><p>৪. <strong>সেকেন্ড-লেভেল ডোমেইন (SLD)</strong>:</p><ul><li>SLD হলো ডোমেইন নামের মূল অংশ, যা TLD-এর আগে থাকে। উদাহরণস্বরূপ, "example" হলো SLD, যেখানে "example.com" পুরো ডোমেইন নাম।</li></ul><h3>ডোমেইনের প্রকারভেদ:</h3><p>১. <strong>জেনেরিক টপ-লেভেল ডোমেইন (gTLD)</strong>:</p><ul><li>gTLD হলো সাধারণ এবং বিশ্বব্যাপী ব্যবহৃত ডোমেইন এক্সটেনশন, যেমন ".com", ".org", ".net", ".info" ইত্যাদি। এগুলো সাধারণত নির্দিষ্ট কোনো দেশ বা অঞ্চলের সঙ্গে সম্পর্কিত নয়।</li></ul><p>২. <strong>কান্ট্রি কোড টপ-লেভেল ডোমেইন (ccTLD)</strong>:</p><ul><li>ccTLD হলো দেশ বা অঞ্চলের জন্য নির্ধারিত ডোমেইন এক্সটেনশন। প্রতিটি দেশের জন্য একটি নির্দিষ্ট ccTLD রয়েছে, যেমন ".bd" (বাংলাদেশ), ".uk" (যুক্তরাজ্য), ".in" (ভারত)।</li></ul><p>৩. <strong>স্পন্সরড টপ-লেভেল ডোমেইন (sTLD)</strong>:</p><ul><li>sTLD হলো নির্দিষ্ট প্রতিষ্ঠান বা কমিউনিটির জন্য নির্ধারিত ডোমেইন এক্সটেনশন, যেমন ".gov" (সরকারি প্রতিষ্ঠান), ".edu" (শিক্ষা প্রতিষ্ঠান), ".mil" (সামরিক), ".aero" (বিমান সংস্থা)।</li></ul><p>৪. <strong>নতুন জেনেরিক টপ-লেভেল ডোমেইন (New gTLDs)</strong>:</p><ul><li>বর্তমান সময়ে অনেক নতুন gTLD চালু হয়েছে, যেমন ".shop", ".blog", ".tech", ".online" ইত্যাদি, যা বিভিন্ন ধরনের ব্যবসা, ব্লগ, এবং প্রযুক্তি সম্পর্কিত সাইটের জন্য ব্যবহৃত হয়।</li></ul><h3>ডোমেইন নিবন্ধনের ধাপ:</h3><p>১. <strong>ডোমেইন নাম নির্বাচন</strong>:</p><ul><li>প্রথমে একটি ডোমেইন নাম নির্বাচন করতে হয়, যা সহজে মনে রাখা যায় এবং আপনার ব্যবসা বা উদ্দেশ্যের সঙ্গে সম্পর্কিত হয়।</li></ul><p>২. <strong>ডোমেইন রেজিস্ট্রার নির্বাচন</strong>:</p><ul><li>ডোমেইন নাম নিবন্ধন করতে হলে একটি ডোমেইন রেজিস্ট্রারের মাধ্যমে নিবন্ধন করতে হয়। কিছু জনপ্রিয় ডোমেইন রেজিস্ট্রার হলো GoDaddy, Namecheap, Google Domains, এবং Bluehost।</li></ul><p>৩. <strong>ডোমেইন নিবন্ধন এবং পেমেন্ট</strong>:</p><ul><li>নির্বাচিত ডোমেইন রেজিস্ট্রারের মাধ্যমে ডোমেইন নামটি নিবন্ধন করতে হয় এবং সাধারণত বার্ষিক ভিত্তিতে একটি ফি প্রদান করতে হয়।</li></ul><p>৪. <strong>ডোমেইন সেটআপ এবং হোস্টিং</strong>:</p><ul><li>ডোমেইন নিবন্ধনের পর, ওয়েবসাইট হোস্টিং সেটআপ করতে হয়, যা আপনার ওয়েবসাইটের ফাইল এবং ডেটা সংরক্ষণ করে এবং ডোমেইন নামের সঙ্গে যুক্ত করে।</li></ul><h3>ডোমেইনের সুবিধা:</h3><p>১. <strong>ওয়েবসাইটের সহজ সনাক্তকরণ</strong>:</p><ul><li>ডোমেইন নাম ব্যবহার করে ব্যবহারকারীরা সহজে ওয়েবসাইট খুঁজে পেতে পারেন। এটি একটি ব্র্যান্ড বা ব্যবসার অনলাইন উপস্থিতি তৈরি করতে সহায়ক।</li></ul><p>২. <strong>প্রফেশনাল ইমেইল ঠিকানা</strong>:</p><ul><li>ডোমেইন নাম ব্যবহার করে ব্যবসার জন্য প্রফেশনাল ইমেইল ঠিকানা তৈরি করা যায়, যা ব্যবসার পেশাদারিত্ব বাড়ায়। উদাহরণ: contact@example.com।</li></ul><p>৩. <strong>SEO সুবিধা</strong>:</p><ul><li>সঠিক ডোমেইন নাম SEO-তে সহায়ক হতে পারে, কারণ সার্চ ইঞ্জিন গুলো (যেমন Google) ডোমেইন নামকে অনুসন্ধান রেজাল্টে গুরুত্ব দেয়।</li></ul><p>৪. <strong>ব্র্যান্ডিং এবং বিশ্বাসযোগ্যতা</strong>:</p><ul><li>একটি ভালো ডোমেইন নাম ব্র্যান্ডিং-এর জন্য গুরুত্বপূর্ণ। এটি ব্যবহারকারীদের মধ্যে বিশ্বাসযোগ্যতা তৈরি করে এবং ব্র্যান্ডের উপস্থিতি বৃদ্ধি করে।</li></ul><h3>ডোমেইনের সীমাবদ্ধতা:</h3><p>১. <strong>উপলব্ধতা</strong>:</p><ul><li>অনেক সময় প্রয়োজনীয় ডোমেইন নামটি আগে থেকেই নিবন্ধিত থাকে, ফলে বিকল্প নাম নির্বাচন করতে হতে পারে।</li></ul><p>২. <strong>খরচ</strong>:</p><ul><li>কিছু ডোমেইন নাম বা এক্সটেনশন ব্যয়বহুল হতে পারে, বিশেষ করে জনপ্রিয় বা সংক্ষিপ্ত নামের ক্ষেত্রে।</li></ul><p>৩. <strong>নিয়মিত নবায়ন</strong>:</p><ul><li>ডোমেইন নাম নির্দিষ্ট সময়ের জন্য নিবন্ধন করা হয়, ফলে নিয়মিত নবায়ন করতে হয়, অন্যথায় ডোমেইনটি হারানোর ঝুঁকি থাকে।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ডোমেইন (Domain)</strong> হলো একটি অনলাইন ঠিকানা, যা ওয়েবসাইটের সনাক্তকরণ এবং অ্যাক্সেসের জন্য ব্যবহৃত হয়। এটি ডোমেইন নাম, TLD, এবং সাবডোমেইন নিয়ে গঠিত। ডোমেইন নিবন্ধন করে একটি ব্র্যান্ড বা ব্যবসা ইন্টারনেটে সহজেই সনাক্তকরণযোগ্য হতে পারে। যদিও ডোমেইন নিবন্ধনের কিছু সীমাবদ্ধতা এবং খরচ রয়েছে, এটি একটি ওয়েবসাইটের উপস্থিতি ও প্রফেশনালিজম নিশ্চিত করার জন্য অত্যন্ত গুরুত্বপূর্ণ।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--end::question-->
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_সার্চ-ইঞ্জিন-search-engine">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
সার্চ ইঞ্জিন (Search Engine)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.3k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.3k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="সার্চ-ইঞ্জিন-search-engine"
data-id="4589" data-subject_id="4589"
data-mcq="10"
data-written="10" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>সার্চ ইঞ্জিন (Search Engine)</strong> হলো একটি সফটওয়্যার প্রোগ্রাম বা প্ল্যাটফর্ম, যা ইন্টারনেটে উপলব্ধ তথ্যকে ইনডেক্স করে এবং ব্যবহারকারীদের অনুসন্ধানের সময় সম্পর্কিত ফলাফল প্রদান করে। সার্চ ইঞ্জিন ব্যবহারকারীদের তাদের অনুসন্ধান প্রশ্নের সাথে সম্পর্কিত ওয়েবসাইট, ডেটাবেস, বা অন্য তথ্য উৎসগুলির মধ্যে দ্রুত এবং কার্যকরীভাবে তথ্য খুঁজে পেতে সহায়তা করে।</p><h3>সার্চ ইঞ্জিনের মূল উপাদানসমূহ:</h3><p>১. <strong>ক্রলার (Crawler)</strong>:</p><ul><li>ক্রলার, যা স্পাইডার বা বট হিসেবেও পরিচিত, এটি একটি স্বয়ংক্রিয় প্রোগ্রাম যা ওয়েবসাইটগুলোকে স্ক্যান করে এবং তাদের তথ্য সংগ্রহ করে। ক্রালিং প্রক্রিয়ার সময়, ক্রলার নতুন পৃষ্ঠাগুলো খুঁজে বের করে এবং পুরনো পৃষ্ঠাগুলোর পরিবর্তন শনাক্ত করে।</li></ul><p>২. <strong>ইনডেক্সার (Indexer)</strong>:</p><ul><li>ইনডেক্সার হলো একটি ডেটাবেস, যা ক্রলারের দ্বারা সংগৃহীত তথ্যকে সংরক্ষণ করে। এটি ওয়েব পৃষ্ঠাগুলোর কন্টেন্ট এবং মেটাডেটা ইনডেক্স করে, যাতে ব্যবহারকারীদের অনুসন্ধান অনুযায়ী দ্রুত ফলাফল পাওয়া যায়।</li></ul><p>৩. <strong>অ্যালগরিদম (Algorithm)</strong>:</p><ul><li>অ্যালগরিদম হলো একটি সেট নিয়ম এবং নির্দেশিকা, যা সার্চ ইঞ্জিনটি নির্ধারণ করে কিভাবে ইনডেক্স করা তথ্য অনুসন্ধান প্রশ্নের সাথে সম্পর্কিত ফলাফল প্রদর্শন করবে। বিভিন্ন সার্চ ইঞ্জিনে ভিন্ন ভিন্ন অ্যালগরিদম থাকতে পারে।</li></ul><p>৪. <strong>ইউজার ইন্টারফেস (User Interface)</strong>:</p><ul><li>সার্চ ইঞ্জিনের ইউজার ইন্টারফেস ব্যবহারকারীদের জন্য সহজ এবং সুসংগঠিত হতে হয়, যাতে তারা সহজেই তাদের অনুসন্ধান প্রশ্ন প্রবেশ করাতে পারেন এবং ফলাফল দেখতে পারেন।</li></ul><h3>সার্চ ইঞ্জিনের কার্যপদ্ধতি:</h3><p>১. <strong>ক্রলিং</strong>:</p><ul><li>সার্চ ইঞ্জিনে প্রথম ধাপে, ক্রলার ওয়েব পৃষ্ঠাগুলো স্ক্যান করে এবং লিঙ্কের মাধ্যমে নতুন পৃষ্ঠাগুলো খুঁজে বের করে। এটি সাধারণত একটি স্বয়ংক্রিয় প্রক্রিয়া।</li></ul><p>২. <strong>ইনডেক্সিং</strong>:</p><ul><li>ক্রলিংয়ের পরে, সংগৃহীত তথ্য ইনডেক্সারে সংরক্ষণ করা হয়। ইনডেক্সার ওয়েব পৃষ্ঠাগুলোর বিষয়বস্তু এবং মেটাডেটা সংগঠিত করে।</li></ul><p>৩. <strong>অনুসন্ধান এবং ফলাফল প্রদর্শন</strong>:</p><ul><li>ব্যবহারকারী সার্চ ইঞ্জিনে একটি অনুসন্ধান প্রশ্ন প্রবেশ করলে, সার্চ ইঞ্জিন ইনডেক্স থেকে সম্পর্কিত ফলাফল খুঁজে বের করে। অ্যালগরিদম অনুসারে ফলাফলগুলি র্যাঙ্ক করা হয় এবং ব্যবহারকারীকে উপস্থাপন করা হয়।</li></ul><h3>জনপ্রিয় সার্চ ইঞ্জিনের উদাহরণ:</h3><p>১. <strong>গুগল (Google)</strong>:</p><ul><li>গুগল বিশ্বের সবচেয়ে জনপ্রিয় সার্চ ইঞ্জিন, যা খুব দ্রুত এবং সঠিক ফলাফল প্রদান করে। এটি বিভিন্ন ধরনের তথ্য, ছবি, ভিডিও, সংবাদ, এবং ম্যাপস খুঁজে বের করতে সক্ষম।</li></ul><p>২. <strong>বিং (Bing)</strong>:</p><ul><li>মাইক্রোসফটের দ্বারা পরিচালিত বিং একটি জনপ্রিয় সার্চ ইঞ্জিন, যা চমৎকার ছবি এবং ভিডিও সার্চ ফিচার সরবরাহ করে।</li></ul><p>৩. <strong>ইউডক্স (Yahoo)</strong>:</p><ul><li>ইউডক্স একটি প্রাচীন সার্চ ইঞ্জিন, যা নেটওয়ার্ক পরিষেবাগুলির একটি প্ল্যাটফর্ম হিসেবে কাজ করে।</li></ul><p>৪. <strong>ডাক ডুক গো (DuckDuckGo)</strong>:</p><ul><li>ডাক ডুক গো একটি গোপনীয়তাভিত্তিক সার্চ ইঞ্জিন, যা ব্যবহারকারীদের তথ্য সংগ্রহ করে না এবং তাদের অনুসন্ধান ইতিহাস সংরক্ষণ করে না।</li></ul><h3>সার্চ ইঞ্জিনের সুবিধা:</h3><p>১. <strong>তথ্যের দ্রুত অ্যাক্সেস</strong>:</p><ul><li>সার্চ ইঞ্জিন ব্যবহারকারীদের ইন্টারনেটে উপলব্ধ বিপুল তথ্যের মধ্যে থেকে দ্রুত এবং সহজে প্রয়োজনীয় তথ্য খুঁজে পেতে সহায়তা করে।</li></ul><p>২. <strong>সম্পর্কিত ফলাফল</strong>:</p><ul><li>সার্চ ইঞ্জিন অ্যালগরিদম ব্যবহার করে ব্যবহারকারীর অনুসন্ধান প্রশ্নের ভিত্তিতে সম্পর্কিত ফলাফল প্রদান করে।</li></ul><p>৩. <strong>মাল্টিমিডিয়া খোঁজা</strong>:</p><ul><li>ব্যবহারকারীরা টেক্সট, ছবি, ভিডিও, এবং অন্যান্য মিডিয়ার জন্য সার্চ ইঞ্জিন ব্যবহার করে তথ্য খুঁজে পেতে পারেন।</li></ul><h3>সার্চ ইঞ্জিনের সীমাবদ্ধতা:</h3><p>১. <strong>সঠিকতার অভাব</strong>:</p><ul><li>কখনও কখনও সার্চ ইঞ্জিনে প্রদত্ত ফলাফল সঠিক বা প্রাসঙ্গিক নাও হতে পারে, যা ব্যবহারকারীদের বিভ্রান্ত করতে পারে।</li></ul><p>২. <strong>অ্যালগরিদমের জটিলতা</strong>:</p><ul><li>সার্চ ইঞ্জিনের অ্যালগরিদম জটিল হতে পারে এবং বিভিন্ন সময়ে পরিবর্তিত হয়, যা ফলাফলে অপ্রত্যাশিত পরিবর্তন ঘটাতে পারে।</li></ul><p>৩. <strong>গোপনীয়তা সমস্যা</strong>:</p><ul><li>কিছু সার্চ ইঞ্জিন ব্যবহারকারীদের তথ্য সংগ্রহ করে এবং তাদের গোপনীয়তা লঙ্ঘন করতে পারে।</li></ul><h3>সার্চ ইঞ্জিন অপটিমাইজেশন (SEO):</h3><p><strong>সার্চ ইঞ্জিন অপটিমাইজেশন (SEO)</strong> হলো একটি প্রক্রিয়া, যার মাধ্যমে একটি ওয়েবসাইটের দৃশ্যমানতা এবং র্যাঙ্কিং সার্চ ইঞ্জিনের ফলাফলে উন্নত করা হয়। SEO-এর মাধ্যমে সঠিক কীওয়ার্ড, উপযুক্ত কনটেন্ট, এবং টেকনিক্যাল অপটিমাইজেশন ব্যবহার করে একটি ওয়েবসাইটকে সার্চ ইঞ্জিনের জন্য আরও কার্যকরী করা হয়।</p><h3>সারসংক্ষেপ:</h3><p><strong>সার্চ ইঞ্জিন</strong> হলো তথ্য খোঁজার একটি শক্তিশালী টুল, যা ইন্টারনেট ব্যবহারকারীদের দ্রুত এবং সহজে প্রয়োজনীয় তথ্য খুঁজে পেতে সহায়ক। এটি বিভিন্ন প্রযুক্তি এবং অ্যালগরিদম ব্যবহার করে কাজ করে, এবং বর্তমান ডিজিটাল যুগে তথ্য অনুসন্ধানের ক্ষেত্রে অপরিহার্য হয়ে উঠেছে।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=77859
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Which of the following is not an internet search engine?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> AOL </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> Windows</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> MSN</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Google</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="সার্চ ইঞ্জিন (Search Engine)" data-slug="সার্চ-ইঞ্জিন-search-engine">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">সার্চ ইঞ্জিন (Search Engine)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=76150
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Which one is the first search engine?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Google </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> Archie</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Alta Vista</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> WAIS</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="সার্চ ইঞ্জিন (Search Engine)" data-slug="সার্চ-ইঞ্জিন-search-engine">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">সার্চ ইঞ্জিন (Search Engine)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=61580
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>which of the following is not a type of web search engine? </span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Compute r-created </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> Human -organized </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Hybrid </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> Portal </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="সার্চ ইঞ্জিন (Search Engine)" data-slug="সার্চ-ইঞ্জিন-search-engine">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">সার্চ ইঞ্জিন (Search Engine)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=58348
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>নিচের কোনটি ইন্টারনেটের সার্চ ইঞ্জিন ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> মাইক্রোসফট </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> গুগল</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> জাভা</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> নোটপ্যাড </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> কোনোটিই নয় </span>
</span>
</div>
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="সার্চ ইঞ্জিন (Search Engine)" data-slug="সার্চ-ইঞ্জিন-search-engine">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">সার্চ ইঞ্জিন (Search Engine)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=38297
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Which one is not an Internet Search Engine ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Yahoo </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> Google</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> Alta Vista</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Hotmail</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="সার্চ ইঞ্জিন (Search Engine)" data-slug="সার্চ-ইঞ্জিন-search-engine">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">সার্চ ইঞ্জিন (Search Engine)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4589/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_file-transfer-protocol-ftp">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
এফটিপি (File Transfer Protocol - FTP)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
824
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
824
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="file-transfer-protocol-ftp"
data-id="4590" data-subject_id="4590"
data-mcq="1"
data-written="1" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>এফটিপি (File Transfer Protocol - FTP)</strong> হলো একটি নেটওয়ার্ক প্রোটোকল যা কম্পিউটার নেটওয়ার্কের মধ্যে ফাইল স্থানান্তর করতে ব্যবহৃত হয়। এটি ক্লায়েন্ট এবং সার্ভারের মধ্যে ফাইল আপলোড এবং ডাউনলোড করার জন্য একটি স্ট্যান্ডার্ড পদ্ধতি সরবরাহ করে। FTP সাধারণত TCP/IP নেটওয়ার্কে কাজ করে এবং ব্যবহারকারীদের ফাইল শেয়ারিং, সংরক্ষণ, এবং পরিচালনা করার সুবিধা দেয়।</p><h3>FTP-এর প্রধান বৈশিষ্ট্য:</h3><p>১. <strong>দুই ধরণের মোড</strong>:</p><ul><li><strong>অ্যাকটিভ মোড</strong>: ক্লায়েন্ট একটি র্যান্ডম পোর্ট ব্যবহার করে সার্ভারে সংযোগ স্থাপন করে। সার্ভার ক্লায়েন্টের পোর্টের মাধ্যমে ডেটা পাঠায়।</li><li><strong>প্যাসিভ মোড</strong>: সার্ভার একটি পোর্ট খুলে রাখে এবং ক্লায়েন্ট সেই পোর্টের মাধ্যমে ডেটা গ্রহণ করে। এটি ফায়ারওয়াল বা NAT (Network Address Translation) সমস্যা এড়াতে সাহায্য করে।</li></ul><p>২. <strong>নিরাপত্তা</strong>:</p><ul><li>প্রথাগত FTP সংযোগের জন্য নিরাপত্তা ছাড়া হয়, যা তথ্য চুরি এবং হ্যাকিংয়ের ঝুঁকি বাড়ায়। সুরক্ষিত FTP যেমন SFTP (SSH File Transfer Protocol) এবং FTPS (FTP Secure) নিরাপত্তা বৃদ্ধির জন্য ব্যবহার করা হয়।</li></ul><p>৩. <strong>দ্রুত স্থানান্তর</strong>:</p><ul><li>FTP সাধারণত দ্রুত ফাইল স্থানান্তরের জন্য ডিজাইন করা হয়েছে। এটি বড় ফাইল এবং ডেটা স্যুট স্থানান্তরের জন্য উপযুক্ত।</li></ul><h3>FTP-এর কাজ করার পদ্ধতি:</h3><p>১. <strong>ক্লায়েন্ট-সার্ভার মডেল</strong>:</p><ul><li>FTP ক্লায়েন্ট এবং FTP সার্ভারের মধ্যে কাজ করে। ক্লায়েন্ট হলো সেই ডিভাইস যা ফাইল আপলোড বা ডাউনলোড করতে চায়, এবং সার্ভার হলো সেই ডিভাইস যেখানে ফাইল সংরক্ষিত থাকে।</li></ul><p>২. <strong>প্রথমিক সংযোগ</strong>:</p><ul><li>ক্লায়েন্ট FTP সার্ভারের সঙ্গে TCP সংযোগ স্থাপন করে। এটি সাধারণত পোর্ট ২১-এ ঘটে। সার্ভার সংযোগ গ্রহণ করে এবং ব্যবহারকারীর পরিচয়পত্র যাচাই করে।</li></ul><p>৩. <strong>ফাইল স্থানান্তর</strong>:</p><ul><li>একবার সংযোগ স্থাপন হলে, ক্লায়েন্ট ফাইল আপলোড বা ডাউনলোডের জন্য বিভিন্ন কমান্ড ব্যবহার করে। সাধারণ কমান্ডগুলোর মধ্যে রয়েছে:</li><li>PUT: ফাইল সার্ভারে আপলোড করে।</li><li>GET: সার্ভার থেকে ফাইল ডাউনলোড করে।</li><li>LIST: সার্ভারে উপস্থিত ফাইলের তালিকা দেখায়।</li></ul><h3>FTP-এর ব্যবহার:</h3><p>১. <strong>ওয়েবসাইট ম্যানেজমেন্ট</strong>:</p><ul><li>ওয়েব ডেভেলপার এবং ডিজাইনাররা FTP ব্যবহার করে ওয়েব সার্ভারে ফাইল আপলোড এবং ম্যানেজ করতে পারেন। এটি HTML, CSS, এবং মিডিয়া ফাইলের আপলোড এবং ব্যবস্থাপনার জন্য ব্যবহৃত হয়।</li></ul><p>২. <strong>ফাইল শেয়ারিং</strong>:</p><ul><li>FTP প্ল্যাটফর্মগুলি ফাইল শেয়ারিং এবং সমন্বয়ের জন্য ব্যবহৃত হয়, যেখানে ব্যবহারকারীরা সহজে ফাইল আপলোড এবং ডাউনলোড করতে পারেন।</li></ul><p>৩. <strong>ব্যাকআপ</strong>:</p><ul><li>FTP ব্যবহার করে ফাইল এবং ডেটার ব্যাকআপ তৈরি করা যায়, যা নিরাপত্তা এবং তথ্য সংরক্ষণে সহায়ক।</li></ul><h3>FTP-এর সুবিধা:</h3><p>১. <strong>সহজ ব্যবহার</strong>:</p><ul><li>FTP ব্যবহার করা সহজ এবং এর বিভিন্ন ক্লায়েন্ট সফটওয়্যার পাওয়া যায়, যা ব্যবহারকারীদের জন্য অতি সহজ করে তোলে।</li></ul><p>২. <strong>বড় ফাইল স্থানান্তর</strong>:</p><ul><li>FTP বড় ফাইল এবং ডেটা স্যুটের জন্য উপযোগী, যেখানে অন্য পদ্ধতিতে সমস্যা হতে পারে।</li></ul><p>৩. <strong>কম্যান্ড-লাইন এবং GUI সমর্থন</strong>:</p><ul><li>FTP কমান্ড-লাইন এবং গ্রাফিক্যাল ইউজার ইন্টারফেস (GUI) উভয় মাধ্যমেই ব্যবহার করা যায়, যা ব্যবহারকারীদের জন্য সুবিধাজনক।</li></ul><h3>FTP-এর সীমাবদ্ধতা:</h3><p>১. <strong>নিরাপত্তার অভাব</strong>:</p><ul><li>FTP-এর নিরাপত্তা অনেক ক্ষেত্রে দুর্বল, কারণ এটি তথ্য সুরক্ষিত করার জন্য এনক্রিপশন ব্যবহার করে না। সুতরাং, এটি একটি নিরাপদ পরিবেশে ব্যবহার করা উচিত।</li></ul><p>২. <strong>ফায়ারওয়াল সমস্যা</strong>:</p><ul><li>কিছু ফায়ারওয়াল এবং নেটওয়ার্ক নিরাপত্তা ব্যবস্থা FTP ট্রাফিককে বাধাগ্রস্ত করতে পারে, যা সংযোগে সমস্যা সৃষ্টি করতে পারে।</li></ul><p>৩. <strong>ব্যবহারকারী সনাক্তকরণ</strong>:</p><ul><li>FTP ব্যবহার করতে হলে ব্যবহারকারীদের প্রায়শই ইউজারনেম এবং পাসওয়ার্ড প্রয়োজন হয়, যা কিছু ক্ষেত্রে ব্যবহারকারীদের জন্য অতিরিক্ত ঝামেলা হতে পারে।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>এফটিপি (FTP)</strong> হলো একটি শক্তিশালী এবং কার্যকরী প্রোটোকল যা ফাইল স্থানান্তর করতে ব্যবহৃত হয়। এটি সহজেই ব্যবহারযোগ্য এবং বড় ফাইল স্থানান্তরের জন্য উপযুক্ত হলেও, এর কিছু নিরাপত্তার সমস্যা এবং সীমাবদ্ধতা রয়েছে। নিরাপদ ডেটা স্থানান্তরের জন্য SFTP এবং FTPS-এর মতো বিকল্প প্রযুক্তি ব্যবহার করা উচিত।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=16538
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>'INTI' extension refers usually to what kind of file ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Image file </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> System file</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Hypertext related file</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Image Color Matching Profile file</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> None of these </span>
</span>
</div>
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="এফটিপি (File Transfer Protocol - FTP)" data-slug="file-transfer-protocol-ftp">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">এফটিপি (File Transfer Protocol - FTP)</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ফাইল এক্সটেনশন (File Extension)" data-slug="ফাইল-এক্সটেনশন-file-extension">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ফাইল এক্সটেনশন (File Extension)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4590/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ইন্টারনেটের-সংযোগ-পদ্ধতি">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ইন্টারনেটের সংযোগ পদ্ধতি (Internet Connectivity Methods)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ইন্টারনেটের-সংযোগ-পদ্ধতি"
data-id="4591" data-subject_id="4591"
data-mcq="1"
data-written="1" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ইন্টারনেটের সংযোগ পদ্ধতি (Internet Connectivity Methods)</strong> হলো বিভিন্ন পদ্ধতি যার মাধ্যমে ব্যবহারকারী ইন্টারনেটের সঙ্গে সংযুক্ত হতে পারে। ইন্টারনেট সংযোগ বিভিন্ন মাধ্যম ব্যবহার করে স্থাপন করা হয়, যেমন ক্যাবল, ওয়্যারলেস, স্যাটেলাইট, মোবাইল নেটওয়ার্ক, এবং আরও অনেক। সংযোগ পদ্ধতি নির্ভর করে ব্যবহারকারীর অবস্থান, প্রয়োজনীয়তা, এবং প্রযুক্তিগত অবকাঠামোর ওপর।</p><h3>ইন্টারনেটের সংযোগ পদ্ধতির প্রকারভেদ:</h3><p>১. <strong>ডায়াল-আপ সংযোগ (Dial-up Connection)</strong>:</p><ul><li>ডায়াল-আপ হলো প্রথম প্রজন্মের ইন্টারনেট সংযোগ পদ্ধতি, যেখানে টেলিফোন লাইনের মাধ্যমে মডেম ব্যবহার করে ইন্টারনেট সংযোগ স্থাপন করা হয়।</li><li>এটি খুব ধীর এবং প্রতিবার সংযোগের সময় টেলিফোন লাইনের মাধ্যমে ডায়াল করতে হয়।</li><li>এখন এই সংযোগ খুব কম ব্যবহৃত হয়, কারণ এটি ধীর এবং সীমিত ব্যান্ডউইথ প্রদান করে।</li></ul><p>২. <strong>ডিএসএল (DSL - Digital Subscriber Line)</strong>:</p><ul><li>DSL একটি উন্নত টেলিফোন-ভিত্তিক সংযোগ পদ্ধতি, যা টেলিফোন লাইনের মাধ্যমে উচ্চ গতির ইন্টারনেট সংযোগ সরবরাহ করে।</li><li>এতে ফোন কল এবং ইন্টারনেট একসঙ্গে ব্যবহার করা যায়।</li><li>উদাহরণ: ADSL (Asymmetric DSL), যা ডাউনলোড এবং আপলোডের জন্য ভিন্ন ব্যান্ডউইথ প্রদান করে।</li></ul><p>৩. <strong>ক্যাবল সংযোগ (Cable Connection)</strong>:</p><ul><li>ক্যাবল ইন্টারনেট সংযোগ ক্যাবল টিভি লাইনের মাধ্যমে উচ্চ গতির ইন্টারনেট প্রদান করে।</li><li>এটি ক্যাবল মডেম ব্যবহার করে সংযোগ স্থাপন করে এবং উচ্চ ব্যান্ডউইথ প্রদান করে, যা ভিডিও স্ট্রিমিং এবং গেমিংয়ের জন্য উপযোগী।</li></ul><p>৪. <strong>ফাইবার অপটিক সংযোগ (Fiber Optic Connection)</strong>:</p><ul><li>ফাইবার অপটিক সংযোগ হলো উচ্চ গতির ইন্টারনেট সংযোগ, যা ফাইবার অপটিক কেবল ব্যবহার করে ডেটা স্থানান্তর করে।</li><li>এটি দ্রুত এবং স্থিতিশীল সংযোগ প্রদান করে, যা বৃহৎ ডেটা স্থানান্তর এবং ভিডিও কনফারেন্সিংয়ের জন্য কার্যকর।</li><li>উদাহরণ: FTTH (Fiber to the Home) এবং FTTB (Fiber to the Building)।</li></ul><p>৫. <strong>স্যাটেলাইট সংযোগ (Satellite Connection)</strong>:</p><ul><li>স্যাটেলাইট সংযোগ হলো এমন একটি পদ্ধতি যা স্যাটেলাইটের মাধ্যমে ইন্টারনেট প্রদান করে। এটি সাধারণত দূরবর্তী বা গ্রামীণ এলাকায় ব্যবহৃত হয় যেখানে ক্যাবল বা DSL সংযোগ পাওয়া যায় না।</li><li>যদিও এটি উচ্চ ব্যান্ডউইথ প্রদান করতে সক্ষম, তবে ল্যাটেন্সির (ডেটা পৌঁছানোর সময়) কারণে কিছু ক্ষেত্রে সমস্যা হতে পারে।</li></ul><p>৬. <strong>ওয়্যারলেস সংযোগ (Wireless Connection)</strong>:</p><ul><li>ওয়্যারলেস সংযোগ হলো একটি প্রযুক্তি, যা রেডিও তরঙ্গ ব্যবহার করে ইন্টারনেট সংযোগ প্রদান করে। Wi-Fi হটস্পট বা ওয়্যারলেস রাউটারের মাধ্যমে এই সংযোগ স্থাপন করা যায়।</li><li>এটি সুবিধাজনক এবং মোবাইল ডিভাইসের জন্য উপযোগী।</li></ul><p>৭. <strong>মোবাইল ব্রডব্যান্ড সংযোগ (Mobile Broadband Connection)</strong>:</p><ul><li>মোবাইল ব্রডব্যান্ড হলো মোবাইল ফোনের নেটওয়ার্ক ব্যবহার করে ইন্টারনেট সংযোগ স্থাপন করা। ৩জি, ৪জি, এবং ৫জি প্রযুক্তি মোবাইল ডিভাইসের মাধ্যমে দ্রুত ইন্টারনেট সংযোগ প্রদান করে।</li><li>এটি অত্যন্ত পোর্টেবল এবং ব্যবহারকারীরা যে কোনো জায়গা থেকে ইন্টারনেট অ্যাক্সেস করতে পারে।</li></ul><h3>ইন্টারনেট সংযোগ পদ্ধতির তুলনা:</h3><figure class="table"><table><thead><tr><th>সংযোগ পদ্ধতি</th><th>গতি</th><th>ব্যবহারকারিতা</th><th>ল্যাটেন্সি</th></tr></thead><tbody><tr><td>ডায়াল-আপ</td><td>ধীর</td><td>সীমিত, পুরানো প্রযুক্তি</td><td>উচ্চ</td></tr><tr><td>DSL</td><td>মাঝারি</td><td>হোম এবং ছোট অফিসের জন্য</td><td>মাঝারি</td></tr><tr><td>ক্যাবল</td><td>উচ্চ</td><td>স্ট্রিমিং এবং গেমিংয়ের জন্য</td><td>কম</td></tr><tr><td>ফাইবার অপটিক</td><td>খুব উচ্চ</td><td>উচ্চ ব্যান্ডউইথ প্রয়োজন হলে</td><td>খুব কম</td></tr><tr><td>স্যাটেলাইট</td><td>উচ্চ</td><td>গ্রামীণ ও দূরবর্তী এলাকায়</td><td>উচ্চ</td></tr><tr><td>ওয়্যারলেস</td><td>মাঝারি</td><td>মোবাইল ডিভাইস ও হোম নেটওয়ার্ক</td><td>মাঝারি</td></tr><tr><td>মোবাইল ব্রডব্যান্ড</td><td>পরিবর্তনশীল</td><td>মোবাইল এবং পোর্টেবল</td><td>মাঝারি</td></tr></tbody></table></figure><h3>সংযোগ পদ্ধতির সুবিধা এবং সীমাবদ্ধতা:</h3><p>১. <strong>DSL এবং ক্যাবল সংযোগ</strong>:</p><ul><li><strong>সুবিধা</strong>: উচ্চ গতির ইন্টারনেট প্রদান করে এবং টেলিফোন কলের সঙ্গে একসঙ্গে ব্যবহার করা যায়।</li><li><strong>সীমাবদ্ধতা</strong>: টেলিফোন বা ক্যাবল লাইনের ওপর নির্ভরশীল এবং নির্দিষ্ট এলাকায় সীমাবদ্ধ হতে পারে।</li></ul><p>২. <strong>ফাইবার অপটিক</strong>:</p><ul><li><strong>সুবিধা</strong>: দ্রুত এবং স্থিতিশীল সংযোগ প্রদান করে, যা উচ্চ ব্যান্ডউইথ এবং কম ল্যাটেন্সি সরবরাহ করে।</li><li><strong>সীমাবদ্ধতা</strong>: স্থাপন ব্যয়বহুল এবং সব এলাকায় উপলব্ধ নয়।</li></ul><p>৩. <strong>স্যাটেলাইট সংযোগ</strong>:</p><ul><li><strong>সুবিধা</strong>: যেখানে ক্যাবল বা DSL সংযোগ নেই, সেখানে ইন্টারনেট প্রদান করতে সক্ষম।</li><li><strong>সীমাবদ্ধতা</strong>: ল্যাটেন্সি বেশি, যা কিছু ক্ষেত্রে সমস্যার সৃষ্টি করতে পারে।</li></ul><p>৪. <strong>মোবাইল ব্রডব্যান্ড</strong>:</p><ul><li><strong>সুবিধা</strong>: পোর্টেবল এবং মোবাইল ডিভাইসে সহজে ব্যবহারযোগ্য।</li><li><strong>সীমাবদ্ধতা</strong>: নেটওয়ার্কের ওপর নির্ভরশীল এবং কখনও কখনও ডেটা সীমাবদ্ধ থাকে।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ইন্টারনেটের সংযোগ পদ্ধতি</strong> বিভিন্ন মাধ্যম এবং প্রযুক্তির মাধ্যমে ইন্টারনেট অ্যাক্সেস প্রদান করে, যেমন DSL, ক্যাবল, ফাইবার অপটিক, স্যাটেলাইট, এবং মোবাইল ব্রডব্যান্ড। প্রতিটি পদ্ধতির নিজস্ব সুবিধা এবং সীমাবদ্ধতা রয়েছে, যা ব্যবহারকারীর প্রয়োজনীয়তা, অবস্থান, এবং বাজেটের ওপর নির্ভর করে।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=34628
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>The function of Gateway is</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> to connect two dissimilar networks </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> to connect two similar networks</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> to connect two computers in a LAN</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> to connect a printer within a LAN</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ইন্টারনেটের সংযোগ পদ্ধতি (Internet Connectivity Methods)" data-slug="ইন্টারনেটের-সংযোগ-পদ্ধতি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ইন্টারনেটের সংযোগ পদ্ধতি (Internet Connectivity Methods)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4591/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ব্রাউজারbrowser">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ব্রাউজার (Browser)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.2k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
1.2k
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ব্রাউজারbrowser"
data-id="4832" data-subject_id="4832"
data-mcq="19"
data-written="19" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ব্রাউজার (Browser)</strong> হলো একটি সফটওয়্যার অ্যাপ্লিকেশন, যা ব্যবহারকারীদের ইন্টারনেটে তথ্য সন্ধান, অ্যাক্সেস, এবং প্রদর্শনের সুযোগ দেয়। এটি ওয়েব পৃষ্ঠাগুলোকে দেখতে এবং ইন্টারনেটের বিভিন্ন পরিষেবা ব্যবহার করতে সহায়ক। ব্রাউজারগুলি সাধারণত HTML, CSS, JavaScript এবং অন্যান্য ওয়েব প্রযুক্তির মাধ্যমে তৈরি করা ওয়েবসাইটগুলিকে প্রদর্শন করে।</p><h3>ব্রাউজারের মূল বৈশিষ্ট্যসমূহ:</h3><p>১. <strong>ওয়েব পৃষ্ঠা লোড করা</strong>:</p><ul><li>ব্রাউজার একটি URL (Uniform Resource Locator) দিয়ে ইন্টারনেটে পৃষ্ঠা লোড করে এবং তা প্রদর্শন করে। ব্যবহারকারী ব্রাউজারের মাধ্যমে ওয়েবসাইটে প্রবেশ করতে পারেন।</li></ul><p>২. <strong>নেভিগেশন টুলস</strong>:</p><ul><li>ব্রাউজারে বিভিন্ন নেভিগেশন টুল যেমন "Back", "Forward", "Refresh", এবং "Home" বোতাম থাকে, যা ব্যবহারকারীদের সহজে বিভিন্ন পৃষ্ঠায় নেভিগেট করতে সহায়ক।</li></ul><p>৩. <strong>বুকমার্ক এবং হিষ্ট্রি</strong>:</p><ul><li>ব্রাউজার ব্যবহারকারীদের প্রিয় ওয়েবসাইট সংরক্ষণ করার জন্য বুকমার্ক ফিচার সরবরাহ করে। এছাড়া, পূর্ববর্তী ভিজিট করা পৃষ্ঠাগুলোর তালিকা (হিষ্ট্রি) দেখার সুবিধাও থাকে।</li></ul><p>৪. <strong>একাধিক ট্যাব</strong>:</p><ul><li>অধিকাংশ ব্রাউজার মাল্টি-ট্যাব ব্রাউজিং সাপোর্ট করে, যার মাধ্যমে ব্যবহারকারীরা একাধিক ওয়েব পৃষ্ঠা একই সময়ে খুলতে পারেন।</li></ul><p>৫. <strong>এক্সটেনশন এবং প্লাগইন</strong>:</p><ul><li>ব্রাউজারে বিভিন্ন এক্সটেনশন এবং প্লাগইন যোগ করার সুবিধা থাকে, যা ব্রাউজিং অভিজ্ঞতা উন্নত করে এবং নতুন ফিচার যোগ করে।</li></ul><h3>জনপ্রিয় ব্রাউজার:</h3><p>১. <strong>গুগল ক্রোম (Google Chrome)</strong>:</p><ul><li>এটি বর্তমানে সবচেয়ে জনপ্রিয় ব্রাউজার, যা দ্রুত, সহজে ব্যবহারযোগ্য, এবং বিভিন্ন এক্সটেনশন সমর্থন করে।</li></ul><p>২. <strong>মোজিলা ফায়ারফক্স (Mozilla Firefox)</strong>:</p><ul><li>ওপেন সোর্স ব্রাউজার, যা গোপনীয়তা এবং নিরাপত্তার উপর জোর দেয় এবং বিভিন্ন কাস্টমাইজেশন অপশন সরবরাহ করে।</li></ul><p>৩. <strong>মাইক্রোসফট এজ (Microsoft Edge)</strong>:</p><ul><li>মাইক্রোসফটের তৈরি নতুন ব্রাউজার, যা Chromium ভিত্তিক এবং দ্রুত লোডিং গতি এবং উন্নত নিরাপত্তা বৈশিষ্ট্য সরবরাহ করে।</li></ul><p>৪. <strong>সাফারি (Safari)</strong>:</p><ul><li>অ্যাপলের তৈরি ব্রাউজার, যা ম্যাক এবং আইওএস ডিভাইসে ব্যবহৃত হয় এবং উন্নত পারফরম্যান্স এবং শক্তিশালী গোপনীয়তা নিয়ন্ত্রণের জন্য পরিচিত।</li></ul><h3>ব্রাউজারের ব্যবহার:</h3><ul><li><strong>ইন্টারনেট অনুসন্ধান</strong>: ব্যবহারকারীরা বিভিন্ন সার্চ ইঞ্জিনের মাধ্যমে তথ্য সন্ধান করতে পারেন।</li><li><strong>ওয়েবসাইট ব্রাউজিং</strong>: বিভিন্ন ধরনের ওয়েবসাইট পরিদর্শন করা যায়, যেমন সামাজিক মিডিয়া, নিউজ পোর্টাল, এবং ই-কমার্স সাইট।</li><li><strong>অনলাইন পরিষেবা</strong>: ই-মেইল চেক করা, অনলাইন শপিং, এবং ব্যাংকিং করার জন্য ব্রাউজার ব্যবহার করা হয়।</li></ul><h3>ব্রাউজার নিরাপত্তা:</h3><p>১. <strong>HTTPS প্রোটোকল</strong>:</p><ul><li>নিরাপদ যোগাযোগের জন্য HTTPS ব্যবহৃত হয়, যা তথ্য এনক্রিপশন নিশ্চিত করে এবং ব্যবহারকারীর ডেটা সুরক্ষিত রাখে।</li></ul><p>২. <strong>গোপনীয়তা মোড (Incognito Mode)</strong>:</p><ul><li>বেশিরভাগ ব্রাউজারে গোপনীয়তা মোড থাকে, যা ব্যবহারকারীর ব্রাউজিং ইতিহাস সঞ্চয় করে না।</li></ul><p>৩. <strong>অ্যান্টি-ম্যালওয়্যার এবং নিরাপত্তা ফিচার</strong>:</p><ul><li>আধুনিক ব্রাউজারগুলি নিরাপত্তা উন্নত করার জন্য অ্যান্টি-ম্যালওয়্যার এবং অন্যান্য নিরাপত্তা ফিচার সরবরাহ করে।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ব্রাউজার (Browser)</strong> হলো একটি গুরুত্বপূর্ণ সফটওয়্যার, যা ব্যবহারকারীদের ইন্টারনেটে তথ্য সন্ধান এবং অ্যাক্সেস করার সুযোগ দেয়। এটি দ্রুত এবং নিরাপদ ব্রাউজিং অভিজ্ঞতা প্রদান করে, বিভিন্ন জনপ্রিয় ব্রাউজার পাওয়া যায়, যেমন গুগল ক্রোম, মোজিলা ফায়ারফক্স, মাইক্রোসফট এজ, এবং সাফারি। ব্রাউজার প্রযুক্তির মাধ্যমে ব্যবহারকারীরা তথ্য সহজেই ব্যবহার এবং শেয়ার করতে পারেন।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=81831
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>নিচের কোনটি Open Source Software ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> Google Chrome </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> Microsoft Windows</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Zoom</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Adobe Photoshop</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ব্রাউজার (Browser)" data-slug="ব্রাউজারbrowser">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ব্রাউজার (Browser)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=81121
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>কোনটি ওয়েব ব্রাউজারের উদাহরণ ?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> ফেসবুক </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> স্কাইপ</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> ক্রোম</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> গুগলমিট</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ব্রাউজার (Browser)" data-slug="ব্রাউজারbrowser">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ব্রাউজার (Browser)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=78184
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Which one is the text based web browers?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Crome </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> Lynx</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Safari</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Microsoft Edge</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ব্রাউজার (Browser)" data-slug="ব্রাউজারbrowser">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ব্রাউজার (Browser)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=65151
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>প্রথম Web browser কোনটি?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Netscape Navigator </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> World Wide Web </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Internet Ecplorer </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Safari </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ব্রাউজার (Browser)" data-slug="ব্রাউজারbrowser">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ব্রাউজার (Browser)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=64309
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>with respect to a network interface card , the term 10 /100 refers to </span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> protocol speed </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> minimum and maximum server speed </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> meagabits per seconds </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> None </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ব্রাউজার (Browser)" data-slug="ব্রাউজারbrowser">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ব্রাউজার (Browser)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4832/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<div class="px-3 py-1 sa-bg-success" style="">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex flex-column">
<div class="p-0 m-0" id="kk_target_ওয়েবসাইট-web-site">
<h2 class="card-title text-dark fw-bolder mb-0 fs-2">
ওয়েবসাইট (Web Site)
</h2>
</div>
<div class="d-md-none">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
727
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
</div>
<div class="m-0 d-flex align-items-center position-relative">
<div class="d-none d-md-block">
<span class="me-7 me-md-10 fs-7 fw-bolder custom-text-gray"
style="cursor:default">
<i class="fas fa-eye fs-7 me-1"></i>
727
</span>
<a href="javascript:void(0)" class="share pe-4">
<i class="fas fa-share-alt text-primary fs-7"></i>
</a>
</div>
<!--begin::Menu-->
<button class="btn btn-sm p-2 bg-light ms-4 border-0 customDropdownButton"
data-bs-toggle="dropdown" aria-expanded="false"
data-main-category="1" data-slug="ওয়েবসাইট-web-site"
data-id="4584" data-subject_id="4584"
data-mcq="15"
data-written="15" data-type="subject">
<i class="fa-solid fa-ellipsis fs-5 text-hover-primary"></i>
</button>
</div>
</div>
</div>
<div class="card-body p-5 fs-5 p-md-8">
<div class="row">
<div class="col-md-12">
<!--begin::content-->
<div class="fs-5 description-div mb-9" style="overflow-x:auto">
<p><strong>ওয়েবসাইট (Web Site)</strong> হলো একটি বা একাধিক সংযুক্ত ওয়েব পেজের সমষ্টি, যা ইন্টারনেটে একটি নির্দিষ্ট ডোমেইনের অধীনে সংগঠিত থাকে। ওয়েবসাইট সাধারণত বিভিন্ন তথ্য, পরিষেবা, বা পণ্য প্রদর্শনের জন্য তৈরি করা হয় এবং এটি ব্যবহারকারীদের ইন্টারেক্টিভ বা স্থির তথ্য সরবরাহ করে। প্রতিটি ওয়েবসাইটের একটি অনন্য <strong>URL (Uniform Resource Locator)</strong> বা ওয়েব ঠিকানা থাকে, যার মাধ্যমে ব্যবহারকারীরা ইন্টারনেট ব্রাউজার ব্যবহার করে ওয়েবসাইটটি অ্যাক্সেস করতে পারেন।</p><h3>ওয়েবসাইটের উপাদানসমূহ:</h3><p>১. <strong>ওয়েব পেজ (Web Pages)</strong>:</p><ul><li>প্রতিটি ওয়েবসাইটে এক বা একাধিক ওয়েব পেজ থাকে, যা HTML, CSS, এবং JavaScript কোড দিয়ে তৈরি করা হয়। ওয়েব পেজে ছবি, টেক্সট, ভিডিও, এবং অন্যান্য মিডিয়া থাকতে পারে।</li></ul><p>২. <strong>হোমপেজ (Homepage)</strong>:</p><ul><li>হোমপেজ হলো একটি ওয়েবসাইটের মূল পৃষ্ঠা বা প্রথম পাতা। এটি সাধারণত ওয়েবসাইটের অন্যান্য পৃষ্ঠার একটি সারসংক্ষেপ এবং গুরুত্বপূর্ণ লিঙ্ক প্রদান করে। ব্যবহারকারীরা হোমপেজ থেকে নেভিগেশন শুরু করে।</li></ul><ol><li><strong>নেভিগেশন মেনু (Navigation Menu)</strong>:<ul><li>নেভিগেশন মেনু ওয়েবসাইটের বিভিন্ন পৃষ্ঠায় সহজে নেভিগেট করার জন্য লিঙ্ক সরবরাহ করে। এটি সাধারণত হেডারে বা সাইডবারে থাকে এবং ব্যবহারকারীদের ওয়েবসাইটে বিভিন্ন পৃষ্ঠায় গাইড করে।</li></ul></li></ol><p>৪. <strong>ইউআরএল (URL)</strong>:</p><ul><li>URL হলো ওয়েবসাইটের নির্দিষ্ট ওয়েব পেজের ঠিকানা। এটি ওয়েবসাইটে পৌঁছানোর জন্য প্রয়োজনীয় পথ নির্দেশ করে।</li></ul><p>৫. <strong>ডোমেইন নাম (Domain Name)</strong>:</p><ul><li>ডোমেইন নাম হলো ওয়েবসাইটের অনন্য নাম, যা URL-এর অংশ হিসেবে ব্যবহৃত হয়। উদাহরণ: www.example.com।</li></ul><p>৬. <strong>ওয়েব সার্ভার (Web Server)</strong>:</p><ul><li>ওয়েব সার্ভার হলো এমন একটি সার্ভার, যা ওয়েবসাইটের ডেটা এবং ফাইল সংরক্ষণ করে এবং ওয়েবসাইটটি ইন্টারনেটের মাধ্যমে ব্যবহারকারীদের কাছে প্রদর্শন করে।</li></ul><h3>ওয়েবসাইটের প্রকারভেদ:</h3><p>১. <strong>স্ট্যাটিক ওয়েবসাইট (Static Website)</strong>:</p><ul><li>স্ট্যাটিক ওয়েবসাইট হলো এমন একটি ওয়েবসাইট, যেখানে পেজগুলোর কন্টেন্ট স্থির এবং পরিবর্তনশীল নয়। এই ওয়েবসাইটগুলো সাধারণত HTML এবং CSS-এর মাধ্যমে তৈরি হয় এবং ব্যবহারকারীদের কোনো ইন্টারঅ্যাক্টিভ ফিচার প্রদান করে না।</li><li>উদাহরণ: ব্যক্তিগত ব্লগ, পোর্টফোলিও ওয়েবসাইট।</li></ul><p>২. <strong>ডায়নামিক ওয়েবসাইট (Dynamic Website)</strong>:</p><ul><li>ডায়নামিক ওয়েবসাইট হলো এমন ওয়েবসাইট, যেখানে পেজের কন্টেন্ট পরিবর্তনশীল এবং ব্যবহারকারীর ইন্টারঅ্যাকশন অনুযায়ী পরিবর্তিত হয়। এই ওয়েবসাইটগুলো সাধারণত ব্যাকএন্ড প্রোগ্রামিং (যেমন PHP, Python) এবং ডেটাবেস ব্যবহার করে তৈরি হয়।</li><li>উদাহরণ: সোশ্যাল মিডিয়া সাইট, ই-কমার্স সাইট।</li></ul><p>৩. <strong>ই-কমার্স ওয়েবসাইট (E-commerce Website)</strong>:</p><ul><li>ই-কমার্স ওয়েবসাইট হলো এমন একটি ওয়েবসাইট, যেখানে পণ্য বা পরিষেবা অনলাইনে বিক্রি করা হয়। এতে ব্যবহারকারীরা পণ্য দেখতে, কেনাকাটা করতে, এবং অনলাইনে পেমেন্ট করতে পারেন।</li><li>উদাহরণ: Amazon, eBay।</li></ul><p>৪. <strong>ব্লগ ওয়েবসাইট (Blog Website)</strong>:</p><ul><li>ব্লগ হলো এমন একটি ওয়েবসাইট, যেখানে ব্যক্তিগত অভিজ্ঞতা, মতামত, বা বিশেষ বিষয়ে তথ্য প্রদান করা হয়। ব্লগ ওয়েবসাইটে নিয়মিত পোষ্ট বা আর্টিকেল আপডেট করা হয়।</li><li>উদাহরণ: WordPress ব্লগ, Medium ব্লগ।</li></ul><p>৫. <strong>পোর্টফোলিও ওয়েবসাইট (Portfolio Website)</strong>:</p><ul><li>পোর্টফোলিও ওয়েবসাইট হলো এমন একটি ওয়েবসাইট, যেখানে ব্যক্তি বা সংস্থার কাজের নমুনা, প্রকল্প, এবং দক্ষতা প্রদর্শন করা হয়। এটি সাধারণত ফ্রিল্যান্সার, ডিজাইনার, এবং শিল্পীদের জন্য ব্যবহৃত হয়।</li><li>উদাহরণ: ডিজাইনার বা ফটোগ্রাফারের পোর্টফোলিও।</li></ul><p>৬. <strong>সোশ্যাল মিডিয়া ওয়েবসাইট (Social Media Website)</strong>:</p><ul><li>সোশ্যাল মিডিয়া ওয়েবসাইট হলো এমন একটি প্ল্যাটফর্ম, যেখানে ব্যবহারকারীরা নিজেদের মধ্যে তথ্য, ছবি, এবং ভিডিও শেয়ার করতে পারেন এবং একে অপরের সঙ্গে যোগাযোগ করতে পারেন।</li><li>উদাহরণ: Facebook, Twitter, Instagram।</li></ul><h3>ওয়েবসাইটের ব্যবহার:</h3><p>১. <strong>তথ্য সংগ্রহ ও ভাগাভাগি</strong>:</p><ul><li>ওয়েবসাইট ব্যবহার করে ব্যবহারকারীরা বিভিন্ন বিষয়ে তথ্য সংগ্রহ করতে পারেন এবং নিজেদের মতামত বা তথ্য শেয়ার করতে পারেন।</li></ul><p>২. <strong>ব্যবসায়িক প্রচারণা</strong>:</p><ul><li>ব্যবসা বা প্রতিষ্ঠানের জন্য ওয়েবসাইট একটি গুরুত্বপূর্ণ প্রচারণার মাধ্যম। এটি পণ্য ও সেবা প্রদর্শন করে এবং গ্রাহকদের কাছে তথ্য পৌঁছে দেয়।</li></ul><p>৩. <strong>অনলাইন শপিং</strong>:</p><ul><li>ই-কমার্স ওয়েবসাইট ব্যবহার করে ব্যবহারকারীরা অনলাইনে পণ্য ক্রয়-বিক্রয় করতে পারেন। এটি দ্রুত এবং সহজ কেনাকাটা করার একটি প্ল্যাটফর্ম।</li></ul><p>৪. <strong>শিক্ষা ও প্রশিক্ষণ</strong>:</p><ul><li>অনেক শিক্ষা প্রতিষ্ঠান এবং প্রশিক্ষণ কেন্দ্র অনলাইন কোর্স এবং প্রশিক্ষণ সামগ্রী সরবরাহ করার জন্য ওয়েবসাইট ব্যবহার করে।</li></ul><h3>ওয়েবসাইট নির্মাণের জন্য ব্যবহারযোগ্য টুল:</h3><p>১. <strong>ওয়ার্ডপ্রেস (WordPress)</strong>:</p><ul><li>ওয়ার্ডপ্রেস হলো একটি জনপ্রিয় কন্টেন্ট ম্যানেজমেন্ট সিস্টেম (CMS), যা দিয়ে সহজেই ওয়েবসাইট তৈরি এবং পরিচালনা করা যায়।</li></ul><p>২. <strong>উইক্স (Wix)</strong>:</p><ul><li>উইক্স হলো একটি ওয়েবসাইট বিল্ডার, যা ব্যবহারকারীদের সহজে এবং দ্রুত ওয়েবসাইট তৈরি করতে সাহায্য করে।</li></ul><p>৩. <strong>স্কোয়ারস্পেস (Squarespace)</strong>:</p><ul><li>স্কোয়ারস্পেস হলো আরেকটি জনপ্রিয় ওয়েবসাইট বিল্ডার, যা ব্যবহারকারীদের প্রফেশনাল মানের ওয়েবসাইট তৈরি করতে সহায়তা করে।</li></ul><p>৪. <strong>শপিফাই (Shopify)</strong>:</p><ul><li>শপিফাই হলো একটি ই-কমার্স প্ল্যাটফর্ম, যা ব্যবহারকারীদের অনলাইন স্টোর তৈরি এবং পরিচালনা করতে সহায়তা করে।</li></ul><h3>সারসংক্ষেপ:</h3><p><strong>ওয়েবসাইট</strong> হলো একটি ইন্টারনেটভিত্তিক প্ল্যাটফর্ম, যা তথ্য, পরিষেবা, বা পণ্য প্রদর্শনের জন্য ব্যবহার করা হয়। ওয়েবসাইটের বিভিন্ন ধরন রয়েছে, যেমন স্ট্যাটিক, ডায়নামিক, ই-কমার্স, এবং ব্লগ। এটি ইন্টারনেট ব্যবহারকারীদের জন্য তথ্য এবং বিনোদনের একটি গুরুত্বপূর্ণ মাধ্যম এবং আধুনিক যুগে ব্যবসা, শিক্ষা, এবং যোগাযোগের জন্য অপরিহার্য।</p>
</div>
<!--end::content-->
<!--begin::Content Video-->
<!--end::Content Video-->
<!--begin::User Info-->
<div
class="d-flex flex-column flex-md-row align-items-start align-items-md-center
justify-content-md-between justify-content-start mb-9">
<div>
<span class="text-gray-800 text-uppercase mb-1 fs-7">
Content added By
</span>
<!--begin::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="40273"
data-flug="-1">
<img src="https://sattacademy.com/assets/media/avatars/blank.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=40273/profile"
class="text-gray-700 text-hover-primary">
Almumen
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
<div>
<span
class="text-gray-800 text-uppercase mb-1 fs-7">Content updated By</span>
<!--end::Item-->
<div class="d-flex align-items-center pe-2">
<!--begin::Avatar-->
<a href="https://sattacademy.com/user/u&id=1/profile"
class="">
<div class="symbol symbol-30px symbol-circle me-3 user-statistics"
data-id="1"
data-flug="-1">
<img src="https://sattacademy.com/uploads/avatar/1724777254.png"
class="toolbar-img" alt="">
</div>
</a>
<!--end::Avatar-->
<!--begin::Text-->
<div class="fs-7 fw-bold">
<a href="https://sattacademy.com/user/u&id=1/profile"
class="text-gray-700 text-hover-primary">
Md Azizur Rahman
</a>
</div>
<!--end::Text-->
</div>
<!--end::Item-->
</div>
</div>
<!--end::User Info-->
<!--begin::Question-->
<div class="">
<!--begin::question-->
<h3 class="text-dark fw-bolder pt-3 mb-2">
<span class="text-primary border-bottom"># বহুনির্বাচনী
প্রশ্ন</span>
</h3>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=81133
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>হাইপারলিঙ্ক ( Hyperlink) বলতে কী বোঝায়?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> ইন্টারনেটের বিভিন্ন সার্ভারে রাখা ফাইল </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i>
</span>
<span> একটি পেজের কোনো অংশের সাথে অন্য একটি পেজের সংযোগ রাখা</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> ইন্টানেটের সাথে যথাযথভাবে সংযুক্ত কম্পিউটার স্পেস </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> কম্পিউটার নেটওয়ার্কে সংযুক্ত প্রতিটি ডিভাইসের পরিচিত</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েবসাইট (Web Site)" data-slug="ওয়েবসাইট-web-site">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েবসাইট (Web Site)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=77968
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>______ is used to create a web page-</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> HTTPS </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> WWW</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> URL</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> XML</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েবসাইট (Web Site)" data-slug="ওয়েবসাইট-web-site">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েবসাইট (Web Site)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=65152
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>Social Networking Site - এ যোগাযোগে কোন media ব্যবহৃত হয়?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> image /video </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> Audio </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Text </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> উপরের সবগুলো </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েবসাইট (Web Site)" data-slug="ওয়েবসাইট-web-site">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েবসাইট (Web Site)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=61692
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>In the ___ normal form , a composite attribute is converted to individual attributes . </span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> First </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> Second </span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> Third </span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> Fourth </span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েবসাইট (Web Site)" data-slug="ওয়েবসাইট-web-site">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েবসাইট (Web Site)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<div class="card card-bordered rounded mb-9">
<div class="card-header px-2 my-2 min-h-40px">
<div class="d-flex flex-column w-100">
<div class="p-0 m-0">
<h3 class="card-title text-gray-700 fw-bolder cursor-pointer mb-0">
<a href=" https://sattacademy.com/job-solution/single-question?ques_id=57362
"
class="text-dark text-hover-primary" type="ques_id">
<div class="p-0 m-0 fs-3 d-flex align-items-start">
<span class="me-1">#.</span>
<span>ওয়েব অর্থ কি?</span>
</div>
</a>
</h3>
</div>
</div>
</div>
<div class="card-body pb-3 pt-2 fs-md-5 ">
<!-- question image start-->
<!-- question image end -->
<!--begin::option part-->
<div class="row">
<!--begin::option 1-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i></span>
<span> পোশাক </span>
</span>
</div>
</div>
<!--end::option 1-->
<!--begin::option 2-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-dot-circle text-dark"></i>
</span>
<span> ছবি</span>
</span>
</div>
</div>
<!--end::option 2-->
<!--begin::option 3-->
<div class="col-md-6">
<div
class="sa-success fs-3 fw-bold ">
<span class="d-flex">
<span class="me-2"><i
class="fas fa-check-circle sa-success fs-5"></i></span>
<span> জাল</span>
</span>
</div>
</div>
<!--end::option 3-->
<!--begin::option 4-->
<div class="col-md-6">
<div
class="text-dark fw-bold fs-4 ">
<span class="d-flex">
<span class="me-2"> <i
class="fas fa-dot-circle text-dark"></i></span>
<span> মানুষ</span>
</span>
</div>
</div>
<!--end::option 4-->
<!--begin::option 5-->
<div class="col-md-6">
</div>
<!--begin::option 5-->
</div>
<!--end::option part-->
<!--begin::tag-->
<div class="overflow-auto px-0" style="margin: 0px -4px">
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="তথ্য প্রযুক্তি" data-slug="তথ্য-প্রযুক্তি">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">তথ্য প্রযুক্তি</span>
</a>
<a
href=" https://sattacademy.com/job-solution/subject/mcq/sid=4
" type="subjec_id" data-name="ওয়েবসাইট (Web Site)" data-slug="ওয়েবসাইট-web-site">
<span class="badge badge-light fs-8 mb-0 mt-3 text-dark">ওয়েবসাইট (Web Site)</span>
</a>
</div>
<!--end::tag-->
</div>
</div>
<!--end::question-->
<div class="text-center mt-5">
<a href="https://sattacademy.com/academy/subject=4584/mcq"
class="btn btn-sm rounded-0 sa-btn-primary py-3 px-5 text-white">
View more questions <i
class="fas fa-external-link-alt fs-5 text-white ms-2"></i>
</a>
</div>
</div>
<!--end::Question-->
</div>
</div>
</div>
<!--begin::Related Topics-->
<div class="mb-9 mx-5">
<p class="fs-4">Read more</p>
<div class="d-flex flex-wrap align-items-center">
<a href="https://sattacademy.com/academy/%E0%A6%A4%E0%A6%A5%E0%A7%8D%E0%A6%AF-%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%BF%E0%A6%B0-%E0%A6%A7%E0%A6%BE%E0%A6%B0%E0%A6%A3%E0%A6%BE"
class="btn btn-light btn-active-primary btn-sm rounded-1
me-5 mb-5">
তথ্য প্রযুক্তির ধারণা (Information Technology - IT)
</a>
<a href="https://sattacademy.com/academy/%E0%A6%A4%E0%A6%A5%E0%A7%8D%E0%A6%AF-%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%BF%E0%A6%B0-%E0%A6%B8%E0%A6%BE%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%A4%E0%A6%BF%E0%A6%95-%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%AC%E0%A6%A3%E0%A6%A4%E0%A6%BE"
class="btn btn-light btn-active-primary btn-sm rounded-1
me-5 mb-5">
তথ্য প্রযুক্তির সাম্প্রতিক প্রবণতা
</a>
<a href="https://sattacademy.com/academy/%E0%A6%A1%E0%A7%87%E0%A6%9F%E0%A6%BE-%E0%A6%95%E0%A6%AE%E0%A6%BF%E0%A6%89%E0%A6%A8%E0%A6%BF%E0%A6%95%E0%A7%87%E0%A6%B6%E0%A6%A8"
class="btn btn-light btn-active-primary btn-sm rounded-1
me-5 mb-5">
ডেটা কমিউনিকেশন
</a>
<a href="https://sattacademy.com/academy/%E0%A6%95%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A6%BF%E0%A6%89%E0%A6%9F%E0%A6%BE%E0%A6%B0-%E0%A6%A8%E0%A7%87%E0%A6%9F%E0%A6%93%E0%A6%AF%E0%A6%BC%E0%A6%BE%E0%A6%B0%E0%A7%8D%E0%A6%95-computer-network"
class="btn btn-light btn-active-primary btn-sm rounded-1
me-5 mb-5">
কম্পিউটার নেটওয়ার্ক (Computer Network)
</a>
<a href="https://sattacademy.com/academy/%E0%A6%95%E0%A6%AE%E0%A7%8D%E0%A6%AA%E0%A6%BF%E0%A6%89%E0%A6%9F%E0%A6%BE%E0%A6%B0-%E0%A6%B0%E0%A6%95%E0%A7%8D%E0%A6%B7%E0%A6%A3%E0%A6%BE%E0%A6%AC%E0%A7%87%E0%A6%95%E0%A7%8D%E0%A6%B7%E0%A6%A3"
class="btn btn-light btn-active-primary btn-sm rounded-1
mb-5">
কম্পিউটার রক্ষণাবেক্ষণ (Computer Maintenance)
</a>
</div>
</div>
<!--end::Related Topics-->
<div class="row justify-content-between align-items-center my-5 px-5">
<div class="col-6">
<div class="d-flex align-items-center">
<button
class="btn btn-sm btn-primary btn-active-color-primary me-2 prev-menu rounded-0"
style="padding: 7px 16px;">
<i class="fas fa-angle-left text-dark"></i> Previous
</button>
</div>
</div>
<div class="col-6">
<div
class="d-flex align-items-center justify-content-md-end
justify-content-end">
<button class="btn btn-sm btn-primary btn-active-color-primary next-menu rounded-0"
style="padding: 7px 16px;">
Next <i class="fas fa-angle-right text-dark"></i>
</button>
</div>
</div>
</div>
</div>
<!--end::Content-->
</div>
<!--end::Col-->
<div class="show_google_add">
</div>
</div>
<!--end::Row-->
</div>
<!--end::subject topic-->
</div>
<!--end::Container-->
</div>
<!--end:Post -->
<div class="modal fade z-index-1500" id="kk_modal_self_test" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content rounded">
<!--begin::Modal header-->
<div class="modal-header pb-0 border-0 justify-content-end">
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="black" />
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="black" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--begin::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
<!--begin:Form-->
<form id="kk_modal_self_test_form" class="form" enctype="multipart/form-data">
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off">
<input type="hidden" name="subject_id" value="">
<!--begin::Heading-->
<div class="mb-9 text-center">
<!--begin::Title-->
<h2 class="mb-3">Self Test</h2>
<!--begin::Col-->
<div class="d-flex justify-content-center align-items-center" id="total_question">
</div>
<!-- end: col-->
<!--end::Title-->
</div>
<!--end::Heading-->
<!---Error Message -->
<div class="messages col-md-12 mx-auto fw-bolder text-center mb-3"></div>
<!---Error Message -->
<div class="text-center mb-9">
<span class="fs-4 fw-bold">To attend a self test please, login first. <a
href="https://sattacademy.com/login" class="text-decoration-underline">click here to
login</a></span>
</div>
<!--begin::Actions-->
<div class="text-center">
<button type="reset" id="kk_modal_self_test_cancel"
class="btn btn-light me-3">Cancel</button>
<a href="https://sattacademy.com/login" class="btn btn-primary">
Login
</a>
</div>
<!--end::Actions-->
</form>
<!--end:Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--begin::Modal - Bookmark modal-->
<div class="modal fade" id="kk_modal_new_bookmark" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-600px">
<!--begin::Modal content-->
<div class="modal-content rounded">
<!--begin::Modal header-->
<div class="modal-header pb-0 border-0 justify-content-end">
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="black" />
<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
fill="black" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--begin::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
<!--begin:Form-->
<form id="kk_modal_new_bookmark_form" class="form" method="POST" enctype="multipart/form-data">
<!-- csrf token -->
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <input type="hidden" name="question_id">
<input type="hidden" name="catid">
<input type="hidden" name="type">
<!--begin::Heading-->
<div class="mb-13 text-center">
<!--begin::Title-->
<h1 class="mb-3">Add New Bookmark</h1>
<!--end::Title-->
<!--begin::Description-->
<div class="text-muted fw-bold fs-5">Fill up the form and submit
</div>
<!--end::Description-->
</div>
<!--end::Heading-->
<div class="messages text-center fw-bold"></div>
<div class="text-center mb-9">
<span class="fs-4 fw-bold">To add a bookmark, please login first. <a href="https://sattacademy.com/login" class="text-decoration-underline">click here to login</a></span>
</div>
<!--begin::Actions-->
<div class="text-center">
<button type="reset" id="kk_modal_bookmark_cancel" class="btn btn-light me-3 ">Cancel</button>
<a href="https://sattacademy.com/login" class="btn btn-primary">
Login
</a>
</div>
<!--end::Actions-->
</form>
<!--end:Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Bookmark modal-->
<!--begin::Modal - Error Report-->
<div class="modal fade" id="kk_modal_error_report" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content rounded">
<!--begin::Modal header-->
<div class="modal-header pb-0 border-0 justify-content-end">
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="black" />
<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
fill="black" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--begin::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
<!--begin:Form-->
<form id="kk_modal_error_report_form" class="form" enctype="multipart/form-data">
<div class="messages"></div>
<!-- csrf token -->
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <!--begin::Heading-->
<div class="mb-13 text-center">
<!--begin::Title-->
<h1 class="mb-3">Error Report</h1>
<!--end::Title-->
<!--begin::Description-->
<div class="text-muted fw-bold fs-5">Fill up the form and submit
</div>
<!--end::Description-->
</div>
<!--end::Heading-->
<!--begin::Hidden Input -->
<input type="hidden" name="id" value="">
<input type="hidden" name="type" value="">
<!--begin::Hidden Input-->
<div class="text-center mb-9">
<span class="fs-4 fw-bold">To report an error please, login first. <a href="https://sattacademy.com/login" class="text-decoration-underline">click here to login</a></span>
</div>
<!--begin::Actions-->
<div class="text-center">
<button type="reset" id="kk_modal_error_report_cancel" class="btn btn-light me-3">Close</button>
<a href="https://sattacademy.com/login" class="btn btn-primary">
Login
</a>
</div>
<!--end::Actions-->
</form>
<!--end:Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div> <!--end::Modal - Error Report-->
<!--begin::Modal - Video-->
<div class="modal fade" id="kk_modal_add_video" tabindex="-1" aria-hidden="true">
<!--begin::Modal dialog-->
<div class="modal-dialog modal-dialog-centered mw-650px">
<!--begin::Modal content-->
<div class="modal-content rounded">
<!--begin::Modal header-->
<div class="modal-header pb-0 border-0 justify-content-end">
<!--begin::Close-->
<div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
<!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
<span class="svg-icon svg-icon-1">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="black" />
<rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
fill="black" />
</svg>
</span>
<!--end::Svg Icon-->
</div>
<!--end::Close-->
</div>
<!--begin::Modal header-->
<!--begin::Modal body-->
<div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
<!--begin:Form-->
<form id="kk_modal_new_video_form" class="form" enctype="multipart/form-data">
<!-- csrf token -->
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <!--begin::Hidden Input-->
<input type="hidden" name="data_id">
<input type="hidden" name="type">
<!--end::Hidden Input-->
<!--begin::Heading-->
<div class="mb-13 text-center">
<!--begin::Title-->
<h1 class="mb-3">Add Video</h1>
<!--end::Title-->
<!--begin::Description-->
<div class="text-muted fw-bold fs-5">Fill up the form and submit
</div>
<!--end::Description-->
</div>
<!--end::Heading-->
<!--begin::Error Message-->
<div class="messages text-center fw-bold"></div>
<!--end::Error Message-->
<div class="text-center mb-9">
<span class="fs-4 fw-bold">To add a video, please login first. <a href="https://sattacademy.com/login" class="text-decoration-underline">click here to login</a></span>
</div>
<!--begin::Actions-->
<div class="text-center">
<button type="reset" id="kk_modal_add_video_cancel" class="btn btn-light me-3 ">Cancel</button>
<a href="https://sattacademy.com/login" class="btn btn-primary">
Login
</a>
</div>
<!--end::Actions-->
</form>
<!--end:Form-->
</div>
<!--end::Modal body-->
</div>
<!--end::Modal content-->
</div>
<!--end::Modal dialog-->
</div>
<!--end::Modal - Video-->
<!--end::Post-->
<style>
:root {
--pdprimary: #25eb3b;
--pdsecondary: #0802c7d1;
--pdaccent: #0ea5e9;
--pdtext-pdprimary: #1e293b;
--pdsuccess: #118a51;
}
.pdfloating-trigger {
position: fixed;
left: 2px;
bottom: 45px;
transform: translateY(-50%);
width: 35px;
height: 35px;
background: linear-gradient(135deg, #7449ecd4, #68e0b9ed);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 20px rgba(37, 99, 235, 0.3);
z-index: 500;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdfloating-trigger:hover {
transform: translateY(-50%) scale(1.05);
border-radius: 50%;
box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);
}
.pdfloating-trigger svg {
width: 25px;
height: 25px;
fill: white;
transition: transform 0.5s ease;
}
.pdfloating-trigger:hover svg {
transform: rotate(360deg);
}
.pdmodal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(15, 23, 42, 0.7);
backdrop-filter: blur(8px);
display: none;
align-items: center;
justify-content: center;
z-index: 2000;
}
.pdmodal-overlay.show {
display: flex;
animation: overlayFadeIn 0.3s ease-out;
}
@keyframes overlayFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pdapp-modal {
background: linear-gradient(145deg, #ffffff, #f8fafc);
border-radius: 30px;
width: 90%;
max-width: 380px;
padding: 35px;
position: relative;
box-shadow: 0 25px 50px rgba(15, 23, 42, 0.15);
animation: modalSlideIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
border: 1px solid rgba(37, 99, 235, 0.1);
}
@keyframes modalSlideIn {
from {
transform: translateY(50px) scale(0.95);
opacity: 0;
}
to {
transform: translateY(0) scale(1);
opacity: 1;
}
}
.pdpdsuccess-badge {
position: absolute;
top: -15px;
right: 40px;
background: var(--pdsuccess);
color: white;
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
animation: badgeSlide 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes badgeSlide {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.close-button {
position: absolute;
top: 20px;
right: 20px;
background: #f1f5f9;
color: var(--pdtext-pdprimary);
border: none;
width: 35px;
height: 35px;
border-radius: 12px;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 1px solid rgba(37, 99, 235, 0.1);
}
.close-button:hover {
background: #e2e8f0;
transform: rotate(90deg);
border-radius: 50%;
}
.pdapp-icon {
width: 100px;
height: 100px;
margin: 0 auto 30px;
background: linear-gradient(135deg, var(--pdprimary), var(--pdsecondary));
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 15px 30px rgba(37, 99, 235, 0.25);
position: relative;
overflow: hidden;
}
.pdapp-icon::before {
content: '';
position: absolute;
width: 150%;
height: 150%;
background: radial-gradient(circle at center, transparent 0%, rgba(255, 255, 255, 0.2) 47%, transparent 47.5%);
animation: pulseEffect 2s infinite;
}
@keyframes pulseEffect {
0% {
transform: scale(0.8);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.pdapp-icon::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg,
transparent 40%,
rgba(255, 255, 255, 0.3) 50%,
transparent 60%);
animation: shimmer 3s infinite;
}
@keyframes shimmer {
0% {
transform: translateX(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) rotate(45deg);
}
}
.pdapp-icon svg {
width: 50px;
height: 50px;
fill: white;
z-index: 1;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.pdmodal-title {
font-size: 20px;
font-weight: 800;
background: linear-gradient(135deg, var(--pdprimary), var(--pdsecondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 15px 0;
text-align: center;
letter-spacing: -0.5px;
}
.pdmodal-description {
font-size: 16px;
color: #475569;
text-align: center;
margin-bottom: 35px;
line-height: 1.7;
}
.pdfeatures-list {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 30px;
}
.pdfeature-item {
display: flex;
align-items: center;
gap: 8px;
color: #475569;
font-size: 14px;
}
.pdfeature-item svg {
width: 16px;
height: 16px;
fill: var(--pdsuccess);
}
.pddownload-button {
background: linear-gradient(135deg, var(--pdprimary), var(--pdsecondary));
color: white;
border: none;
width: 100%;
padding: 16px;
border-radius: 16px;
font-size: 17px;
font-weight: 600;
cursor: pointer;
transition: all 0.5s ease;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.hoverColor:hover {
color: white;
background-color: var(--pdprimary);
transform: scale(1.05);
box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
transition: transform 0.5s ease;
}
.pddownload-button svg {
width: 20px;
height: 20px;
fill: white;
}
.pddownload-button::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg,
transparent 40%,
rgba(255, 255, 255, 0.2) 50%,
transparent 60%);
animation: buttonShimmer 2s infinite;
}
@keyframes buttonShimmer {
0% {
transform: translateX(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) rotate(45deg);
}
}
</style>
<div x-data="{
isVisibleDownloadModal: JSON.parse(localStorage.getItem('isWidgetVisibleDownloadModal') || 'true'),
showModal() {
this.isVisibleDownloadModal = true;
document.getElementById('modalOverlay').classList.add('show');
},
hideModal() {
this.isVisibleDownloadModal = false;
document.getElementById('modalOverlay').classList.remove('show');
}
}" x-init="if (isVisibleDownloadModal) {
showModal();
}
$watch('isVisibleDownloadModal', value => localStorage.setItem('isWidgetVisibleDownloadModal', JSON.stringify(value)))">
<!-- Floating Trigger Button -->
<div class="pdfloating-trigger" x-cloak x-on:click="showModal()">
<svg viewBox="0 0 24 24">
<path
d="M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z" />
</svg>
</div>
<!-- Modal -->
<div class="pdmodal-overlay" id="modalOverlay" x-show="isVisibleDownloadModal">
<div class="pdapp-modal">
<div class="pdpdsuccess-badge">টপ রেটেড অ্যাপ</div>
<button class="close-button" x-on:click="hideModal()">×</button>
<div class="pdapp-icon">
<svg viewBox="0 0 24 24">
<path
d="M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z" />
</svg>
</div>
<h2 class="pdmodal-title">স্যাট অ্যাকাডেমী অ্যাপ</h2>
<p class="pdmodal-description">আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।</p>
<div class="pdfeatures-list">
<div class="pdfeature-item">
<svg viewBox="0 0 24 24">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
</svg>
<span>ভিডিও</span>
</div>
<div class="pdfeature-item">
<svg viewBox="0 0 24 24">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
</svg>
<span>লাইভ ক্লাস</span>
</div>
<div class="pdfeature-item">
<svg viewBox="0 0 24 24">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
</svg>
<span>এক্সাম</span>
</div>
</div>
<a x-on:click="hideModal()" target="_blank"
href="https://play.google.com/store/apps/details?id=com.sattacademy.app"
class="pddownload-button hoverColor">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8z" />
</svg>
ডাউনলোড করুন
</a>
</div>
</div>
</div>
<style>
.earning-widget-alt {
position: fixed;
left: 20px;
bottom: 30px;
width: 260px;
background: linear-gradient(135deg, #e3f2fd, #ffffff);
border-radius: 15px;
padding: 25px;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 1px solid rgba(230, 230, 230, 0.8);
}
.earning-widget-alt:hover {
transform: translateY(-6px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.icon-wrapper-alt {
width: 70px;
height: 70px;
margin: 0 auto 15px;
background: linear-gradient(135deg, #4caf50, #81c784);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 10px rgba(76, 175, 80, 0.4);
}
.mail-icon-alt svg {
width: 40px;
height: 40px;
fill: white;
}
.mail-icon {
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgb(2, 122, 86), #0ea47a);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
box-shadow:
0 4px 15px rgba(32, 201, 151, 0.3),
inset 0 -2px 4px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.mail-icon::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(45deg,
transparent,
rgba(255, 255, 255, 0.1),
transparent);
transform: rotate(45deg);
animation: shine 3s infinite;
}
@keyframes shine {
0% {
transform: translateX(-100%) rotate(45deg);
}
100% {
transform: translateX(100%) rotate(45deg);
}
}
.mail-icon svg {
width: 32px;
height: 32px;
fill: white;
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}
.content-alt {
margin-top: 15px;
}
.bengali-text-alt {
font-size: 18px;
color: #34495e;
font-weight: 700;
margin-bottom: 10px;
}
.description-alt {
font-size: 14px;
color: #7f8c8d;
margin-bottom: 20px;
}
.button-group-alt {
display: flex;
gap: 10px;
flex-direction: column;
}
.start-btn-alt,
.dashboard-btn-alt {
text-decoration: none;
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
}
.start-btn-alt {
background: linear-gradient(135deg, #2c3e50, #34495e);
color: white;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.start-btn-alt:hover {
background: linear-gradient(135deg, #1c2833, #2c3e50);
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.dashboard-btn-alt {
background: linear-gradient(135deg, #ecf0f1, #dfe6e9);
color: #34495e;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.dashboard-btn-alt:hover {
background: linear-gradient(135deg, #bdc3c7, #ecf0f1);
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
.arrow-icon-alt {
width: 18px;
height: 18px;
transition: transform 0.3s ease;
}
.start-btn-alt:hover .arrow-icon-alt,
.dashboard-btn-alt:hover .arrow-icon-alt {
transform: translateX(5px);
}
/* for modal */
/* Animations */
@keyframes modalFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideIn {
from {
transform: translateY(50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.earning-widget-alt {
position: fixed;
bottom: 30px;
left: 30px;
width: 260px;
background: linear-gradient(145deg, #ffffff, #f5f5f5);
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 20px;
z-index: 1000;
text-align: center;
transition: transform 0.5s ease, opacity 0.3s ease;
}
.earning-widget-alt.hidden {
transform: translateX(-300px);
opacity: 0;
}
.close-btn-alt {
position: absolute;
top: 10px;
right: 10px;
background: #e74c3c;
color: white;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: background 0.3s ease;
}
.close-btn-alt:hover {
background: #c0392b;
}
.icon-wrapper-alt {
margin: 0 auto 15px;
width: 65px;
height: 65px;
background: linear-gradient(135deg, #0ea47a, #02a76c);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.mail-icon-alt svg {
width: 32px;
height: 32px;
fill: white;
}
.bengali-text-alt {
font-size: 18px;
font-weight: 600;
color: #34495e;
margin-bottom: 10px;
}
.description-alt {
font-size: 14px;
color: #7f8c8d;
margin-bottom: 20px;
}
.button-group-alt a {
display: block;
margin-bottom: 10px;
padding: 10px 20px;
border-radius: 12px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
transition: transform 0.3s ease;
}
.start-btn-alt {
background: #2ecc71;
color: white;
}
.start-btn-alt:hover {
background: #27ae60;
transform: translateY(-2px);
}
.dashboard-btn-alt {
background: #ecf0f1;
color: #34495e;
}
.dashboard-btn-alt:hover {
background: #bdc3c7;
transform: translateY(-2px);
}
/* Floating Open Button */
.open-btn-alt {
position: fixed;
bottom: 20px;
left: 2px;
width: 35px;
height: 35px;
border-radius: 50%;
background: linear-gradient(135deg, #7449ecd4, #68e0b9ed);
color: white;
font-size: 20px;
font-weight: bold;
line-height: 35px;
text-align: center;
border: none;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
z-index: 500;
transition: background 0.3s ease, transform 0.3s ease;
}
.open-btn-alt.hidden {
opacity: 0;
pointer-events: none;
}
[data-theme="dark"] #earning-widget {
background: #1c1f22;
}
[data-theme="dark"] .darkModeBtn {
color: #1c1f22 !important;
}
[data-theme="dark"] .darkModeBtn:hover {
color: #2009e9 !important;
}
</style>
<div class="container">
<!--begin::Dynamic promotion content-->
<div id="footer-promotion-content"></div>
<!--end::Dynamic promotion content-->
</div>
</div>
<!--end::Content-->
<!--begin::Footer-->
<!--begin::Footer-->
<div class="footer pt-10 pb-0" id="kt_footer">
<!--Begin::Copywrite-->
<div class="footer-bg">
<!--begin::Container-->
<div class="container">
<!--begin::-->
<div class="d-flex align-items-md-center justify-content-center py-3">
<!--begin::copyright-->
<a class="text-light fw-bold fs-7" href="https://sattacademy.com">©2025 SATT ACADEMY. All rights reserved.</a>
</div>
<!--end::-->
</div>
<!--end::Container-->
</div>
<!--end::Copywrite-->
</div>
<!--end::Footer-->
<!--end::Footer-->
<div id="overlay"></div>
<div class="card" id="rightLoginCard">
<div class="sidebar-login-form">
<div class="position-relative">
<button type="button" class="btn_login_modal position-absolute model-close-btn" id="closeLoginModal">
X
</button>
<div class="d-flex justify-content-center align-items-center">
<section id="custom_modal" class="d-md-block">
<div class="custom_modal md_device" style="bottom: 25px;">
<div class="overflow-auto">
<div class="container">
<!-- Authentication card with logo -->
<div class="black-logo">
<a class="d-flex justify-content-center mb-4 margin-auto" href="/" >
<img alt="SATT ACADEMY" class="text-center justify-content-center w-50 ff" src="https://sattacademy.com/uploads/company/login_card_logo.png">
</a>
</div>
<div class="white-logo">
<a class="d-flex justify-content-center mb-4 margin-auto" href="/" >
<img alt="SATT ACADEMY" class="text-center justify-content-center w-50 ff" src="https://sattacademy.com/uploads/company/1685883735.png">
</a>
</div>
<div class="card">
<div class="social-login-wrap mt-4 position-relative">
<div class="mt-3 mb-4">
<a href="https://sattacademy.com/auth/google" class="login-btn">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48" class="LgbsSe-Bz112c">
<g>
<path fill="#EA4335"
d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z">
</path>
<path fill="#4285F4"
d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z">
</path>
<path fill="#FBBC05"
d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z">
</path>
<path fill="#34A853"
d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z">
</path>
<path fill="none" d="M0 0h48v48H0z"></path>
</g>
</svg>
<span>Continue with Google</span>
</a>
</div>
<div class="mt-3 mb-4">
<a href="https://sattacademy.com/auth/facebook" class="login-btn">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 1024">
<defs />
<defs>
<path id="a" d="M.06.04H1024v1017.74H.06z" />
</defs>
<g fill="none" fill-rule="evenodd">
<mask id="b" fill="#fff">
<use xlink:href="#a" />
</mask>
<path fill="#1877F2"
d="M1024 512C1024 229.23 794.77 0 512 0S0 229.23 0 512c0 255.554 187.231 467.37 432 505.78V660H302V512h130V399.2C432 270.88 508.438 200 625.39 200 681.407 200 740 210 740 210v126h-64.562C611.835 336 592 375.467 592 415.957V512h142l-22.7 148H592v357.78c244.769-38.41 432-250.226 432-505.78"
mask="url(#b)" />
<path fill="#FFF"
d="M711.3 660L734 512H592v-96.043c0-40.49 19.835-79.957 83.438-79.957H740V210s-58.593-10-114.61-10C508.438 200 432 270.88 432 399.2V512H302v148h130v357.78c26.067 4.09 52.784 6.22 80 6.22s53.933-2.13 80-6.22V660h119.3" />
</g>
</svg>
<span>Continue with Facebook</span>
</a>
</div>
</div>
<div class="or_divider_wrpa mt-3 mb-4">
<p>or</p>
</div>
<div class="card-bodyss pb-2">
<!-- Validation errors -->
<!-- Status message -->
<form method="POST" action="https://sattacademy.com/login">
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <div class="mb-3 text-start">
<label for="email" class="form-label"><b>Email, Mobile or Username:</b></label>
<input type="text" class="form-control"
class=""
id="email" name="email" value=""
required>
<!-- Error messages for email -->
</div>
<div class="mb-3 text-start">
<label for="password" class="form-label"><b>Password:</b></label>
<div class="position-relative">
<input type="password" class="form-control password"
id="password" name="password"
class=""
required autocomplete="current-password">
<span onclick="showpass()" class="show-hide-password">
<i class="fa-solid fa-eye position-absolute show-pass"></i>
<i
class="fa-solid fa-eye-slash position-absolute hide-pass d-none"></i>
</span>
</div>
<!-- Error messages for password -->
</div>
<div>
<input type="hidden" name="route_path"
value="job-solution/%E0%A6%93%E0%A6%AF%E0%A6%BC%E0%A7%87%E0%A6%AC-%E0%A6%A1%E0%A6%BF%E0%A6%9C%E0%A6%BE%E0%A6%87%E0%A6%A8-%E0%A6%AA%E0%A6%B0%E0%A6%BF%E0%A6%9A%E0%A6%BF%E0%A6%A4%E0%A6%BF-%E0%A6%8F%E0%A6%AC%E0%A6%82-html">
</div>
<div
class="remember-forget d-flex justify-content-between gap-3 align-items-center">
<div class="form-check d-flex">
<input class="form-check-input" type="checkbox" value=""
name="remember" id="remember_me">
<label class="form-check-label text-dark fw-bold"
style="font-size: 15px;" class="" for="remember_me">
Remember Me
</label>
</div>
<div>
<a class="text-dark fw-bold me-3"
href="https://sattacademy.com/forgot-password">
Forgot password?
</a>
</div>
</div>
<div class="my-2 text-start">
<div class="d-grid">
<button type="submit"
class="btn btn-primary mt-5 mb-4">Login</button>
<hr
style="width: 90%; margin-inline:auto; color: #948686;margin:10px auto;">
<div class="text-center pb-3">
<p>Don't have an account? <a
href="https://sattacademy.com/register">Register</a></p>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<style>
.show-hide-password i {
top: 15px;
right: 16px;
z-index: 100;
cursor: pointer;
font-size: 15px;
}
a.login-btn {
display: flex;
border: 1px solid #afafaf38;
width: 100%;
padding: 10px;
border-radius: 4px;
color: #000;
font-weight: 600;
}
a.login-btn svg {
height: 18px;
margin-right: 8px;
min-width: 18px;
width: 18px;
margin-left: 10px;
}
a.login-btn span {
flex-grow: 1;
text-align: center;
}
.or_divider_wrpa {
align-items: center;
display: flex;
width: 100%;
text-align: center;
justify-content: center;
position: relative;
line-height: 1;
}
.or_divider_wrpa::before {
content: '';
height: 1px;
background: #e4e6ef;
width: 50%;
}
.or_divider_wrpa::after {
content: '';
height: 1px;
background: #e4e6ef;
width: 50%;
}
.or_divider_wrpa p {
padding-left: 17px;
padding-right: 17px;
/* line-height: 1; */
margin-bottom: 0;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
}
#rightLoginCard {
background: #fff;
max-height: 100vh;
overflow-y: auto;
}
</style>
<!--begin::Dynamic Modal-->
<div class="modal fade" tabindex="-1" id="satt_dynamic_modal">
<div class="modal-dialog modal-dialog-centered mw-650px">
<div class="modal-content" style="background-color: transparent">
<!--begin::Close-->
<button type="button" class="promotion-close-btn promotion-modal-close-btn" data-bs-dismiss="modal"
aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="none">
<rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
<rect x="7.41422" y="6" width="16" height="2" rx="1"
transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
</svg>
</button>
<!--end::Close-->
<div class="dynamic-modal-body promotion-body">
</div>
</div>
</div>
</div>
<!--end::Dynamic Modal-->
<div class="modal fade" id="notification_item_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Notification</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div href="#" class="dropdown-item notification-message-item border-0">
<!-- loader -->
<div class="my-4 text-center" id="notification-details-loader">
<span class="spinner-border text-primary" role="status"></span>
</div>
<div class="notification-media d-none">
<div class="symbol d-flex gap-3 border-bottom">
<img src="https://sattacademy.com/custom/blank.png" alt="Avatar" class="rounded-circle"
id="notification-avatar">
<div class="w-100">
<h6 class="dropdown-item-title mb-1" id="notification-title"></h6>
<p class="text-sm small text-muted mb-2"><i class="far fa-clock mr-2"></i>
<span id="notification-time"></span>
</p>
</div>
</div>
<div class="media-body">
<p class="text-sm my-2" id="notification-body">
</p>
<a href="#"
class="notification-action btn btn-primary btn-sm rounded-1 d-none">Action</a>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="notification_item_list_modal">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">All Notifications</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
<a href="#" class="dropdown-item notification-message-item">
<div class="notification-media d-flex align-items-start gap-3">
<div class="symbol">
<img src="https://new-job-solution.test/custom/blank.png" alt="User Avatar"
class="rounded-circle">
</div>
<div class="media-body">
<h6 class="dropdown-item-title mb-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, officia!</h6>
<p class="text-sm mb-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
</p>
<p class="text-sm text-muted mb-0"><i class="far fa-clock mr-2"></i>
1 hour ago
</p>
</div>
</div>
</a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- begin: Dynamic offcanvas -->
<div class="offcanvas" tabindex="-1" id="satt_dynamic_offcanvas" aria-labelledby="offcanvasLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasLabel">Promotion</h5>
<button type="button" class="btn-close promotion-close-btn" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body promotion-body" id="dynamic_offcanvas_body">
</div>
</div>
<!-- end: Dynamic offcanvas -->
<!--begin::Javascript-->
<script src="https://code.jquery.com/jquery-3.6.1.min.js"
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="https://sattacademy.com/vendor/livewire/livewire.min.js?id=951e6947" data-csrf="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<!--Bootstrap Js -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="https://sattacademy.com/custom/js/jquery.meanmenu.min.js"></script>
<style>
.swal2-container.swal2-center>.swal2-popup {
padding: 20px !important;
}
div:where(.swal2-container) div:where(.swal2-actions) {
gap: 12px;
}
span.alert_satt_title {
position: absolute;
top: 16px;
left: 0;
right: 0;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
}
/* .swal2-popup .swal2-title {
margin-bottom: -20px;
} */
.swal2-close {
margin-top: -18px !important;
}
</style>
<script>
function restrict(data) {
var globalPackagePlans = [{"id":17,"package_id":5,"name":"S-BASIC","monthly_price":150,"yearly_price":1200,"monthly_discount":50,"yearly_discount":900,"discount_type":"fixed","status":"active","created_by":1,"updated_by":1,"created_at":"2024-11-12T03:03:26.000000Z","updated_at":"2025-03-17T22:57:05.000000Z","deleted_at":null},{"id":18,"package_id":5,"name":"S-PLUS","monthly_price":250,"yearly_price":3000,"monthly_discount":100,"yearly_discount":2550,"discount_type":"fixed","status":"active","created_by":1,"updated_by":1,"created_at":"2024-11-12T03:04:38.000000Z","updated_at":"2025-03-17T22:56:44.000000Z","deleted_at":null},{"id":19,"package_id":5,"name":"S-PRO","monthly_price":400,"yearly_price":4800,"monthly_discount":200,"yearly_discount":4200,"discount_type":"fixed","status":"active","created_by":1,"updated_by":1,"created_at":"2024-11-12T03:06:34.000000Z","updated_at":"2025-03-17T22:56:04.000000Z","deleted_at":null}];
// show alert if subscriptions need
if (data.need_subscribe == true) {
hideSpinner();
Swal.fire({
title: '<p class="mb-0"><b class="text-warning">Free limit exceeded!</b></p><p class="mb-0 fs-6">Subscribe for unlimited access!</p>',
icon: "warning",
showDenyButton: true,
showCancelButton: true,
confirmButtonText: "View Details",
denyButtonText: `Not Now!`,
html: `
<div x-data="{ activeTab: 'yearly' }" class="restrictCard">
<span class="alert_satt_title">SATT Academy</span>
<!-- Nav tabs -->
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item">
<a class="nav-link" :class="{ 'active': activeTab === 'monthly' }" @click.prevent="activeTab = 'monthly'" href="#">Monthly</a>
</li>
<li class="nav-item">
<a class="nav-link" :class="{ 'active': activeTab === 'yearly' }" @click.prevent="activeTab = 'yearly'" href="#">Yearly</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="monthly" x-show="activeTab === 'monthly'" class="container tab-pane active"><br>
<div class="table-responsive">
<table class="table" style="border: 1px solid black;">
<thead class="restrict-thead text-dark rounded">
<tr class="text-center" style="border: 1px solid black;">
<th class="ps-2">Package</th>
<th>Price</th>
<th>Action</th>
</tr>
</thead>
<tbody>
${globalPackagePlans.map(plan => `
<tr style="border: 1px solid black;">
<td>${plan.name}</td>
<td>
<span class="text-muted text-decoration-line-through fs-7">${plan.monthly_price}</span>
<span class="fw-bolder text-success fs-5">${ (plan.discount_type === 'fixed' ? plan.monthly_price - plan.monthly_discount : (plan.monthly_price - (plan.monthly_price/100)*plan.monthly_discount ) )}৳</span>
</td>
<td>
<div class="mt-n6 d-flex gap-3">
<form action="https://sattacademy.com/subscribe" method="post">
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <input type="hidden" name="id" value="${plan.id}"/>
<input type="hidden" name="type" value="plan"/>
<input type="hidden" name="month_year" value="month"/>
<button type="submit" class="btn btn-green text-white btn-sm ">Subscribe</button>
</form>
<a href="https://sattacademy.com/packages" class="btn btn-details text-white btn-sm d-none d-md-block">View Details</a>
</div>
</td>
</tr>
`).join('')}
</tbody>
</table>
</div>
</div>
<div id="yearly" x-show="activeTab === 'yearly'" class="container tab-pane active"><br>
<div class="table-responsive">
<table class="table" style="border: 1px solid black;">
<thead class="restrict-thead bg-secondary text-dark rounded">
<tr class="text-center" style="border: 1px solid black;">
<th class="ps-2">Package</th>
<th>Price</th>
<th>Action</th>
</tr>
</thead>
<tbody>
${globalPackagePlans.map(plan => `
<tr style="border: 1px solid black;">
<td>${plan.name}</td>
<td>
<span class="text-muted text-decoration-line-through fs-7">${plan.yearly_price}</span>
<span class="fw-bolder text-success fs-5">${ (plan.discount_type === 'fixed' ? plan.yearly_price - plan.yearly_discount : (plan.yearly_price - (plan.yearly_price/100)*plan.yearly_discount ) )}৳</span>
</td>
<td>
<div class="mt-n6 d-flex gap-3">
<form action="https://sattacademy.com/subscribe" method="post">
<input type="hidden" name="_token" value="L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" autocomplete="off"> <input type="hidden" name="id" value="${plan.id}"/>
<input type="hidden" name="type" value="plan"/>
<input type="hidden" name="month_year" value="year"/>
<button type="submit" class="btn btn-green text-white btn-sm ">Subscribe</button>
</form>
<a href="https://sattacademy.com/packages" class="btn btn-details text-white btn-sm d-none d-md-block">View Details</a>
</div>
</td>
</tr>
`).join('')}
</tbody>
</table>
</div>
</div>
</div>
</div>
`,
width: '570px',
heightAuto: true,
customClass: {
popup: 'swal-height',
confirmButton: 'btn-green',
},
showCloseButton: true
}).then((result) => {
if (result.isConfirmed) {
Swal.fire("Redirecting to package plan page...", "", "success");
window.location.href = "/packages";
} else if (result.isDenied) {
Swal.fire("Thanks, But if you want this service you need to subscribe", "", "info");
}
});
} else if (data.need_login == true) {
hideSpinner();
Swal.fire({
title: data.message?.title ?? "Login to continue...",
text: data.message?.body ?? "If you need more content, you need to login",
icon: "warning",
showDenyButton: true,
showCancelButton: true,
confirmButtonText: "Login Now",
denyButtonText: `Not Now!`
}).then((result) => {
/* Read more about isConfirmed, isDenied below */
if (result.isConfirmed) {
Swal.fire("Redirecting to login page...", "", "success");
// if user want to subscribe then redirect to package plan page
window.location.href = "/login";
} else if (result.isDenied) {
Swal.fire("Thanks, But if you need more content, you need to login", "", "info");
}
});
hideSpinner();
} else {
hideSpinner();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
MathJax.Hub.Typeset();
}
}
// subscribe alert
function hideSpinner() {
$("#spinner-gif").hide();
$("#spinner-gif_1").hide();
$("#spinner-gif_2").hide();
$("#spinner-gif_3").hide();
$("#spinner-gif_4").hide();
$("#spinner-gif_5").hide();
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
function activeTab()
{
// active, inactive tab
$(document).on('click', '.subject-list-nav li button', function(e) {
e.preventDefault();
$('.subject-list-nav li button').removeClass('active');
$(this).addClass('active');
});
}
</script>
<script>
/**** Livewire Alert Scripts ****/
(()=>{var __webpack_modules__={757:(e,t,r)=>{e.exports=r(666)},666:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new x(n||[]);return i._invoke=function(e,t,r){var n=f;return function(o,i){if(n===_)throw new Error("Generator is already running");if(n===d){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=L(a,r);if(c){if(c===h)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=_;var s=u(e,t,r);if("normal"===s.type){if(n=r.done?d:p,s.arg===h)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=d,r.method="throw",r.arg=s.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var f="suspendedStart",p="suspendedYield",_="executing",d="completed",h={};function y(){}function v(){}function b(){}var m={};s(m,i,(function(){return this}));var w=Object.getPrototypeOf,g=w&&w(w(D([])));g&&g!==r&&n.call(g,i)&&(m=g);var O=b.prototype=y.prototype=Object.create(m);function E(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function r(o,i,a,c){var s=u(e[o],e,i);if("throw"!==s.type){var l=s.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(f).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,c)}))}c(s.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function L(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,L(e,r),"throw"===r.method))return h;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return h}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,h;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,h):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,h)}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function P(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function x(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function D(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:S}}function S(){return{value:t,done:!0}}return v.prototype=b,s(O,"constructor",b),s(b,"constructor",v),v.displayName=s(b,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,c,"GeneratorFunction")),e.prototype=Object.create(O),e},e.awrap=function(e){return{__await:e}},E(k.prototype),s(k.prototype,a,(function(){return this})),e.AsyncIterator=k,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new k(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},E(O),s(O,c,"Generator"),s(O,i,(function(){return this})),s(O,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=D,x.prototype={constructor:x,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(P),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(s&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,h):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),P(r),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;P(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:D(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),h}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var __webpack_exports__={};(()=>{"use strict";var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(757),_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function asyncGeneratorStep(e,t,r,n,o,i,a){try{var c=e[i](a),s=c.value}catch(e){return void r(e)}c.done?t(s):Promise.resolve(s).then(n,o)}function _asyncToGenerator(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){asyncGeneratorStep(i,n,o,a,c,"next",e)}function c(e){asyncGeneratorStep(i,n,o,a,c,"throw",e)}a(void 0)}))}}function evalCallbacksOptions(options){for(var callbacksKeysAllowed=["allowOutsideClick","allowEscapeKey","allowEnterKey","loaderHtml","inputOptions","inputValidator","preConfirm","preDeny","didClose","didDestroy","didOpen","didRender","willClose","willOpen"],_i=0,_callbacksKeysAllowed=callbacksKeysAllowed;_i<_callbacksKeysAllowed.length;_i++){var callbackKey=_callbacksKeysAllowed[_i];options.hasOwnProperty(callbackKey)&&("string"==typeof options[callbackKey]||options[callbackKey]instanceof String)&&options[callbackKey]&&""!=options[callbackKey].trim()&&(options[callbackKey]=eval(options[callbackKey]))}}function afterAlertInteraction(e){if(e.confirmed)return"self"===e.onConfirmed.component?void Livewire.find(e.onConfirmed.id).dispatchSelf(e.onConfirmed.listener,e.result):void Livewire.dispatchTo(e.onConfirmed.component,e.onConfirmed.listener,e.result);if(e.isDenied)return"self"===e.onDenied.component?void Livewire.find(e.onDenied.id).dispatchSelf(e.onDenied.listener,e.result):void Livewire.dispatchTo(e.onDenied.component,e.onDenied.listener,e.result);if(e.onProgressFinished&&e.dismiss===Swal.DismissReason.timer)return"self"===e.onProgressFinished.component?void Livewire.find(e.onProgressFinished.id).dispatchSelf(e.onProgressFinished.listener,e.result):void Livewire.dispatchTo(e.onProgressFinished.component,e.onProgressFinished.listener,e.result);if(e.onDismissed){if("self"===e.onDismissed.component)return void Livewire.find(e.onDismissed.id).dispatch(e.onDismissed.listener,e.result);Livewire.dispatchTo(e.onDismissed.component,e.onDismissed.listener,e.result)}}window.addEventListener("alert",function(){var e=_asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t){var r,n,o,i,a,c,s,l;return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o=t.detail.message,i=null!==(r=t.detail.type)&&void 0!==r?r:null,a=t.detail.data,c=t.detail.events,evalCallbacksOptions(s=t.detail.options),e.next=8,Swal.fire(_objectSpread({title:o,icon:i},s));case 8:afterAlertInteraction(_objectSpread(_objectSpread(_objectSpread({confirmed:(l=e.sent).isConfirmed,denied:l.isDenied,dismiss:l.dismiss,result:_objectSpread(_objectSpread({},l),{},{data:_objectSpread(_objectSpread({},a),{},{inputAttributes:null!==(n=s.inputAttributes)&&void 0!==n?n:null})})},c),l),s));case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()),window.flashAlert=function(){var e=_asyncToGenerator(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark((function e(t){var r,n,o,i,a,c,s;return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=t.events,a=t.events.data,evalCallbacksOptions(c=t.options),e.next=6,Swal.fire(_objectSpread({title:null!==(r=t.message)&&void 0!==r?r:"",icon:null!==(n=t.type)&&void 0!==n?n:null},c));case 6:afterAlertInteraction(_objectSpread(_objectSpread({confirmed:(s=e.sent).isConfirmed,denied:s.isDenied,dismiss:s.dismiss,result:_objectSpread(_objectSpread({},s),{},{data:_objectSpread(_objectSpread({},a),{},{inputAttributes:null!==(o=c.inputAttributes)&&void 0!==o?o:null})})},i),t.options));case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()})()})();
</script>
<script>
</script>
<script>
</script>
<!---Global page js---->
<script src="https://sattacademy.com/custom/js/globalPage.js"></script>
<!---Dependable category ---->
<script src="https://sattacademy.com/js/custom.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!--Toastr Notification -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script>
</script>
<!--import Global search script-->
<script type="text/javascript">
//Margin remove function
function revomeMargin(){
$('.search-question').find('p').css({
'margin' : '0px'
});
}
//Global search
$(document).ready(function() {
var timeout = null;
$(document).on('keyup', '.global-search-input', function() {
var this_input = $(this);
//console.log(id)
clearTimeout(timeout);
timeout = setTimeout(() => {
var val = $(this).val();
if (val == "") {
$('.global-search-spinner').addClass('d-none');
$('#global-search-result').html('');
}
//If val is not empty.
else {
//show spinner
$('.global-search-spinner').removeClass('d-none');
//AJAX is called.
$.ajax({
type: "POST",
url: "https://sattacademy.com/global-search",
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data: {
//Assigning value of "val" into "search_txt" variable.
search_txt: val,
},
//If result found, this funtion will be called.
success: function(data) {
//console.log(data)
$('.global-search-spinner').addClass('d-none');
$('#global-search-result').html(data.html);
},
complete:function(){
revomeMargin();
}
});
}
}, 1000);
});
$(document).on('click', '#go-to-search', function(){
//console.log('here');
var val = $('.global-search-input').val();
var url = "/search-results?search_txt="+val;
window.location.href = url ;
})
})
</script>
<script>
document.addEventListener('livewire:navigated', () => {
$('.sa-avatar').click(function(e) {
$('#profile-menu').addClass('d-flex');
});
// Search
$('.fa-search').click(function(e) {
$('#global-menu').addClass('d-flex');
});
$(document).click(function(e) {
if (e.target.id != 'profile-menu' && !e.target.classList.contains('sa-avatar')) {
$('#profile-menu').removeClass('d-flex');
}
// Search
if (e.target.closest('#global-menu') == null && !e.target.classList.contains('fa-search')) {
$('#global-menu').removeClass('d-flex');
}
});
});
// PWA Loader
document.addEventListener('DOMContentLoaded', function() {
// Page is loaded, it is safe to hide loading animation
document.getElementById('pwa-loader').style.display = 'none';
window.addEventListener('beforeunload', function() {
if (window.matchMedia('(display-mode: standalone)').matches) {
// User has triggered a navigation, show the loading animation
document.getElementById('pwa-loader').style.display = 'block';
}
});
});
</script>
<script>
$(document).ready(function() {
const activeLink = document.querySelector('.leftmenu a.active');
if (activeLink) {
activeLink.scrollIntoView({
top: 100,
behavior: 'smooth', // Smooth scrolling effect
block: 'start', // Align to the top of the container
inline: 'nearest' // Align horizontally if necessary
});
}
const screenWidth = window.innerWidth;
if (screenWidth < 992) {
$('#offcanvasContentSidebar').addClass('offcanvas offcanvas-start');
}
});
</script>
<script>
$(document).ready(function() {
/// chapter select base parent with children select //
var chapter = $('#chapter-self-test');
chapter.select2({
placeholder: "Select chapter"
});
// chapter select base parent with children select
chapter.on('change', function(e) {
var selectedValues = $(this).val(); // Get the selected values as an array
setSelected(selectedValues);
});
function setSelected(selectedValues = []) {
// Enable all options first
$('#chapter-self-test option').prop('disabled', false);
// Iterate over each selected value
selectedValues.forEach(function(value) {
var userArrOptions = $("select[name='chapter_id[]'] option[data-parent-id=" + value +
"]");
if (userArrOptions.length === 0) return;
userArrOptions.each(function() {
var optionValue = $(this).val();
// Disable the option with the matching data-parent-id
$('#chapter-self-test option[value="' + optionValue + '"]').prop('selected',
false);
$('#chapter-self-test option[value="' + optionValue + '"]').prop('disabled',
true);
// Recursively disable children options
disableChildren(optionValue);
});
});
// Refresh Select2 to reflect changes
chapter.trigger('change.select2');
}
function disableChildren(parentValue) {
var childrenOptions = $("select[name='chapter_id[]'] option[data-parent-id=" + parentValue + "]");
if (childrenOptions.length === 0) return;
childrenOptions.each(function() {
var childValue = $(this).val();
// Disable the child option
$('#chapter-self-test option[value="' + childValue + '"]').prop('selected', false);
$('#chapter-self-test option[value="' + childValue + '"]').prop('disabled', true);
// Recursively disable children options
disableChildren(childValue);
});
}
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#bookmark_type').select2({
tags: true,
dropdownParent: $("#kk_modal_new_bookmark"),
maximumSelectionLength: 1
});
});
</script>
<script>
$("p:contains('kt_satt_page_type')").each(function () {
// Extract text content
const text = $(this).text();
const thisElement = $(this);
// Extract page_type and id using regex
const match = text.match(/kt_satt_page_type=(\w+)\s+(\d+)/);
if (match) {
const pageType = match[1];
const id = match[2];
// console.log(`Page Type: ${pageType}, ID: ${id}`);
// Perform AJAX call
$.ajax({
url: '/subject=' + id + '/page_type=' + pageType,
type: 'GET',
success: function (response) {
// console.log(response);
if (response.success) {
thisElement.html(response.html);
} else {
// console.log(response);
}
},
error: function (xhr, status, error) {
// console.error('Error fetching data for ID:', id, error);
// alert('An error occurred while fetching the data.');
}
});
}
});
$(document).on('click', '.incomplete', function() {
// Extract data-id and the current element
const id = $(this).data('id');
const thisElement = $(this);
const pageType = $(this).data('type');
$('.all_pending_example').remove();
$('.all_incomplete_chapter').remove();
$('.all_unfinished_quiz').remove();
// Find SVG icons within the clicked element
const plusIcon = thisElement.find('.plus_btn');
const minusIcon = thisElement.find('.minus_btn');
if (plusIcon.is(':visible')) {
plusIcon.addClass('d-none');
minusIcon.removeClass('d-none');
// Perform AJAX call
$.ajax({
url: '/subject=' + id + '/page_type=' + pageType,
type: 'GET',
success: function (response) {
if (response.success) {
// Append the received HTML after the clicked element's <tr>
thisElement.closest('tr').after(response.html);
} else {
// Handle error if response.success is false
console.log('Error: ' + response.message);
}
},
error: function (xhr, status, error) {
console.error('Error fetching data for ID:', id, error);
alert('An error occurred while fetching the data.');
}
});
}else {
plusIcon.removeClass('d-none');
minusIcon.addClass('d-none');
}
});
$(document).on('change', '.child-checkbox', function () {
const group = $(this).data('group'); // Get the group identifier from the child checkbox
const parentCheckbox = $(`.parent-checkbox[data-group="${group}"]`); // Select the parent checkbox for the group
const allChildren = $(`.child-checkbox[data-group^="${group}"]`); // Select all child checkboxes in the group
const allChecked = allChildren.length === allChildren.filter(':checked').length; // Check if all children are checked
// Update the parent checkbox state
parentCheckbox.prop('checked', allChecked);
// Collect selected IDs and send them via AJAX
sendSelectedIds();
});
$(document).on('change', '.parent-checkbox', function () {
const group = $(this).data('group'); // Get the group identifier from the parent checkbox
const isChecked = $(this).prop('checked'); // Check if the parent checkbox is checked
const childCheckboxes = $(`.child-checkbox[data-group^="${group}"]`); // Select all child checkboxes in the group
// Update all child checkboxes state based on the parent checkbox
childCheckboxes.prop('checked', isChecked);
// Collect selected IDs and send them via AJAX
sendSelectedIds();
});
// const dataType = '';
// Function to collect selected IDs and send them via AJAX
function sendSelectedIds() {
const selectedIds = []; // Array to store selected IDs
let dataType = '';
// Collect IDs of all checked child checkboxes
$('.child-checkbox:checked').each(function () {
selectedIds.push($(this).attr('id'));
if(dataType == ''){
dataType = $(this).attr('data-type');
}
});
// Send the selected IDs via AJAX
if (selectedIds.length > 0) {
markAsComplete(selectedIds, dataType, 'click', 'Mark as Complete');
}
function markAsComplete(completeableId, completeableType, completionType, name) {
// console.log('markAsComplete:', completeableId, completeableType, completionType);
// Prepare the data to be sent to the server
const data = {
completeable_id: completeableId,
completeable_type: completeableType,
type: completionType
};
// Send the request
$.ajax({
type: "GET",
url: "https://sattacademy.com/iscomplete-progress",
data: data,
dataType: 'json',
success: function(data) {
if (data.success) {
location.reload();
}else{
location.reload();
}
}
})
}
}
</script> <script type="text/javascript">
//check mobile device
function isMobileDevice() {
var check = false;
(function(a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i
.test(a) ||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i
.test(a.substr(0, 4))) check = true;
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
};
//Toolbar btn **Menu Show Hide**//
$(document).ready(function() {
$(document).on('click', '.toolbar-btn', function() {
$(this).toggleClass('show');
$(this).toggleClass('menu-dropdown');
$(this).closest('div').find('.menu').toggleClass('show');
if (isMobileDevice() == 'false' || isMobileDevice() == false) {
$(this).closest('div').find('.menu').css({
'z-index': '105',
'position': 'absolute',
'margin': '0px',
'inset': '70px 0px auto auto',
// 'transform' : 'traslate3d(-30px, 65px, 0px)'
});
} else {
$(this).closest('div').find('.menu').css({
'z-index': '105',
'position': 'absolute',
'margin': '0px',
'inset': '170px 15px auto auto',
// 'transform' : 'traslate3d(-15px, 55px, 0px)'
});
}
});
$('#kt_post').on('click', (evt) => {
//console.log(evt.target.classList);
const hasClass = evt.target.classList.contains('toolbar-btn');
if (!hasClass) {
let isVisible = $('.toolbar-btn').siblings('div.menu-sub').is(":visible");
if (isVisible == true) {
$('.toolbar-btn').removeClass('show').removeClass('menu-dropdown');
$('.toolbar-btn').closest('div').find('.menu').removeClass('show');
}
}
});
});
/**###### begin::vote||love ##########**/
$(document).on('click', '.vote', function() {
var id = $(this).data('id');
var val = $(this).find('span.vote_value').text();
var type = $(this).data('type');
var click_element = $(this);
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/vote" + '/' + id + '/' + type,
dataType: 'json',
success: function(data) {
if (data.success) {
//console.log(data);
click_element.find('span.vote_value').text(parseInt(val) + 1);
click_element.find('i.fa-heart').addClass('text-danger');
click_element.removeClass('vote custom-text-gray');
click_element.addClass('undo-vote text-danger');
click_element.data('vote_id', data.vote);
//toastr.success(data.message);
//toolbar btn chnage on toolbar btn click
click_element.parent('div.favorite_btn').find('a').text('Remove Favorite');
click_element.parent('div.favorite_btn').find('a').addClass('undo-vote');
click_element.parent('div.favorite_btn').find('a').removeClass('vote');
} else {
toastr.error(data.message);
}
}
})
});
/**####### end::vote ##########**/
/**###### begin::undo vote #######**/
$(document).on('click', '.undo-vote', function() {
var id = $(this).data('vote_id');
var question_id = $(this).data('id');
var val = $(this).find('span.vote_value').text();
var type = $(this).data('type');
//console.log(id);
var thisbtn = $(this);
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/undo-vote",
data: {
'vote_id': id,
'question_id': question_id,
'type': type
},
dataType: 'json',
success: function(data) {
thisbtn.find('span.vote_value').text(parseInt(val) - 1);
thisbtn.find('i.fa-heart').removeClass('text-danger');
thisbtn.removeClass('undo-vote text-danger');
thisbtn.addClass('vote custom-text-gray');
//toolbar btn chnage on toolbar btn click
thisbtn.parent('div.favorite_btn').find('a').text('Make Favorite');
thisbtn.parent('div.favorite_btn').find('a').addClass('vote');
thisbtn.parent('div.favorite_btn').find('a').removeClass('undo-vote');
}
});
})
/**##### end::undo vote ########**/
/**#### begin::description like #####**/
$(document).on('click', '.description-like', function() {
var id = $(this).data('description_id');
var val = $(this).find('span.des-like').text();
var type = $(this).data('btntype');
var click_element = $(this);
$.ajax({
type: "GET",
url: "https://sattacademy.com/description/like" + '/' + id,
data: {
btntype: type
},
dataType: 'json',
success: function(data) {
if (data.success) {
click_element.find('span.des-like').text(parseInt(val) + 1);
if (type == 'like') {
click_element.find('i.fa-thumbs-up').addClass('text-primary');
} else {
click_element.find('i.fa-thumbs-down').addClass('text-primary');
}
click_element.removeClass('description-like');
click_element.addClass('undo-description-like');
click_element.data('vote_id', data.vote);
//toastr.success(data.message);
} else {
toastr.error(data.message);
}
}
})
})
/**#### end::description like ######**/
/**##### begin::undo-description-like ######**/
$(document).on('click', '.undo-description-like', function() {
var id = $(this).data('vote_id');
var description_id = $(this).data('description_id');
var val = $(this).find('span.des-like').text();
var type = $(this).data('btntype');
//console.log(type);
var thisbtn = $(this);
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/undo-description-like",
data: {
'vote_id': id,
'description_id': description_id,
'btntype': type
},
dataType: 'json',
success: function(data) {
if (data.success) {
thisbtn.removeClass('undo-description-like');
thisbtn.addClass('description-like');
thisbtn.find('span.des-like').text(parseInt(val) - 1);
if (type == 'like') {
thisbtn.find('i.fa-thumbs-up').removeClass('text-primary');
} else {
thisbtn.find('i.fa-thumbs-down').removeClass('text-primary');
}
} else {
toastr.error(data.message);
}
}
});
})
/**##### end::undo-description-like #####**/
/**begin::Question Edit**/
//edit Question
$(document).on('click', '.editQuestion', function() {
var id = $(this).data('id');
var question = $(this).data('question');
var type = $(this).data('type');
//console.log(question);
Swal.fire({
text: "Are you sure you want to edit this question?",
icon: "warning",
showCancelButton: !0,
buttonsStyling: !1,
confirmButtonText: "Confirm",
cancelButtonText: "No, cancel",
customClass: {
confirmButton: "btn fw-bold btn-danger",
cancelButton: "btn fw-bold btn-active-light-primary"
}
}).then((function(o) {
if (o.value) { //if agree
if (type == 'written') {
myEditor3.setData(question);
$("input[name='question']").val(question);
$("input[name='question_id']").val(id);
$("#kk_edit_written_question_modal").modal('show');
// $.ajax({
// type:"GET",
// url: "https://sattacademy.com/question/edit-written-question"+'/'+id,
// dataType: 'json',
// success:function(data){
// $("#edit_question_data").html(data.html);
// $("#kk_edit_question_modal").modal('show');
// }
// });
} else if (type == 'mcq') {
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/edit-question" + '/' + id,
dataType: 'json',
success: function(data) {
$("#edit_question_data").html(data.html);
$("#kk_edit_question_modal").modal('show');
}
});
} else if (type == 'samprotik') {
$.ajax({
type: "GET",
url: "https://sattacademy.com/samprotik-question/edit" + '/' + id,
dataType: 'json',
success: function(data) {
$("#edit_question_data").html(data.html);
$("#kk_edit_question_modal").modal('show');
}
});
}
}
}))
});
//edit question cancel button
$(document).on('click', '#kk_modal_new_service_cancel', function() {
//console.log('here');
$('.indicator-label').show()
$('.indicator-progress').hide()
$('#kk_modal_new_service_submit').removeAttr('disabled')
$("#kk_edit_question_modal").modal('hide');
$("#kk_edit_written_question_modal").modal('hide');
})
//update mcq edited question
$(document).on('submit', '#kk_modal_question_update_form', function(e) {
e.preventDefault()
//console.log('here')
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/question/edit-question/update",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_question_update_form').find('.messages').html(alertBox).show();
} else {
// empty the form
$('#kk_modal_question_update_form')[0].reset();
$("#kk_edit_question_modal").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show()
$('.indicator-progress').hide()
$('#kk_modal_new_service_submit').removeAttr('disabled')
}
});
})
/**end::Question Edit**/
//update written edited question
$(document).on('submit', '#kk_modal_written_question_update_form', function(e) {
e.preventDefault()
//console.log('here')
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/written-question/edited-question/store",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_written_question_update_form').find('.messages').html(alertBox)
.show();
} else {
// empty the form
$('#kk_modal_written_question_update_form')[0].reset();
$("#kk_edit_written_question_modal").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show()
$('.indicator-progress').hide()
$('#kk_modal_new_service_submit').removeAttr('disabled')
}
});
})
//update samprotik edited question
$(document).on('submit', '#kk_modal_samprotik_question_update_form', function(e) {
e.preventDefault()
//console.log('here')
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/samprotik-question/edit-question/update",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_samprotik_question_update_form').find('.messages').html(alertBox)
.show();
} else {
// empty the form
$('#kk_modal_samprotik_question_update_form')[0].reset();
$("#kk_edit_question_modal").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show()
$('.indicator-progress').hide()
$('#kk_modal_new_service_submit').removeAttr('disabled')
}
});
})
/**end::Question Edit**/
/**#########begin::Description ########**/
//get description//
$(document).on('click', '.getDescription', function() {
var id = $(this).data('id');
var type = $(this).data('type');
//console.log(type);
var thisbtn = $(this);
$.ajax({
type: "GET",
beforeSend: function() {
thisbtn.closest('span').find('.indicator-progress').show();
},
url: "https://sattacademy.com/description/get-des" + '/' + id + '/' + type,
dataType: 'json',
success: function(data) {
thisbtn.parents('div.card-footer').find('div.all-description').html(data.html);
thisbtn.removeClass('getDescription');
$('.indicator-progress').hide();
MathJax.Hub.Typeset();
},
complete: function() {
//call the function on page load
tableWrap();
imageSize();
$('.indicator-progress').hide();
}
});
})
//add new description
$(document).on('click', '.addDescription', function() {
var id = $(this).data('id');
var type = $(this).data('type');
//console.log(id);
$('.with-errors').text('');
$('.messages').text('');
myEditor.setData('');
$('#kk_modal_new_question_des_form')[0].reset();
$('input[name="question_id"]').val(id);
$('input[name="type"]').val(type);
$('#kk_modal_new_question_des').modal('show');
});
//new description save//
$('#kk_modal_new_question_des_form').on('submit', function(e) {
e.preventDefault()
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
formData.append('description', myEditor.getData());
$.ajax({
type: "POST",
url: "https://sattacademy.com/description/store",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_new_question_des_form').find('.messages').html(alertBox).show();
} else {
// empty the form
myEditor.setData('');
$('#kk_modal_new_question_des_form')[0].reset();
$("#kk_modal_new_question_des").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
});
})
//add description cancel button//
$(document).on('click', '#kk_modal_add_description_cancel', function() {
$('.with-errors').text('');
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
$('#kk_modal_new_question_des_form')[0].reset();
$("#kk_modal_new_question_des").modal('hide');
})
/**########begin::edit-description#########**/
$(document).on('click', '.edit-description', function() {
var des_id = $(this).data('description_id');
var short_description = $(this).data('short_description');
var description = $(this).data('description');
var question_id = $(this).data('question_id');
var type = $(this).data('type');
// console.log(des_id);
Swal.fire({
text: "Are you sure you want to edit this description?",
icon: "warning",
showCancelButton: !0,
buttonsStyling: !1,
confirmButtonText: "Confirm",
cancelButtonText: "No, cancel",
customClass: {
confirmButton: "btn fw-bold btn-danger",
cancelButton: "btn fw-bold btn-active-light-primary"
}
}).then((function(o) {
if (o.value) { //if agree
myEditor4.setData(description);
$("textarea[name='short_description']").val(short_description);
$("textarea[name='description']").val(description);
$("input[name='description_id']").val(des_id);
$("input[name='question_id']").val(question_id);
$("input[name='type']").val(type);
$("#kk_modal_edit_description").modal('show');
// $("#kk_modal_edit_description").modal({
// focus: false
// });
// $.ajax({
// type:"GET",
// url: "https://sattacademy.com/description/edit-des",
// dataType: 'json',
// data:{
// 'description_id' : des_id
// },
// success:function(data){
// $("#edit_description_data").html(data.html);
// $("#kk_modal_edit_description").modal('show');
// }
// });
}
}))
});
//update description//
$(document).on('submit', '#kk_modal_edit_description_form', function(e) {
e.preventDefault()
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
//formData.append('description', myEditor.getData());
$.ajax({
type: "POST",
url: "https://sattacademy.com/description/update",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_edit_description_form').find('.messages').html(alertBox).show();
} else {
// empty the form
$('#kk_modal_edit_description_form')[0].reset();
$("#kk_modal_edit_description").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
});
})
//description edit cancel button//
$(document).on('click', '#kk_modal_edit_description_cancel', function() {
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
$('#kk_modal_edit_description_form')[0].reset();
$("#kk_modal_edit_description").modal('hide');
})
/**######### Show Hide Description #######*/
$(document).on('click', '.show-des', function() {
$(this).closest('span').find('.fa-caret-right').css({
"transform": "rotate(90deg)"
});
$(this).addClass('hide-des');
$(this).parents('div.card-footer').find('div.all-description').removeClass('d-none');
})
$(document).on('click', '.hide-des', function() {
$(this).closest('span').find('.fa-caret-right').css({
"transform": "rotate(360deg)"
});
$(this).parents('div.card-footer').find('div.all-description').addClass('d-none');
$(this).removeClass('hide-des');
})
/**########## end::Description #######**/
/**###### begin:: Bookmark ######**/
$(document).ready(function() {
var thisbtn;
$(document).on('click', '.bookmark', function() {
var id = $(this).data('id');
var catid = $(this).data('catid');
var type = $(this).data('type');
//console.log('type');
// console.log(catid);
thisbtn = $(this);
$('.with-errors').text('');
$('#kk_modal_new_bookmark_form')[0].reset();
//append category_id and question_id into bookmark form
$('input[name="question_id"]').val(id);
$('input[name="catid"]').val(catid);
$('input[name="type"]').val(type);
$('#kk_modal_new_bookmark').modal('show');
});
//new bookmark save//
$('#kk_modal_new_bookmark_form').on('submit', function(e) {
e.preventDefault()
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/question/bookmark",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox =
'<div class="alert alert-danger alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_new_bookmark_form').find('.messages').html(alertBox)
.show();
} else {
// empty the form
$('#kk_modal_new_bookmark_form')[0].reset();
$("#kk_modal_new_bookmark").modal('hide');
toastr.success(data.message);
//footer btn change on footer btn click
thisbtn.addClass('remove-bookmark');
thisbtn.data('bookmark_id', data.bookmark.id);
thisbtn.removeClass('bookmark')
thisbtn.children().addClass('text-primary');
//tolbar html change on footer btn click
thisbtn.parents('div.card-footer').siblings('div.card-header').find(
'div.bookmark-btn').find('a').addClass('remove-bookmark');
thisbtn.parents('div.card-footer').siblings('div.card-header').find(
'div.bookmark-btn').find('a').data('bookmark_id', data
.bookmark.id);
thisbtn.parents('div.card-footer').siblings('div.card-header').find(
'div.bookmark-btn').find('a').removeClass('bookmark');
thisbtn.parents('div.card-footer').siblings('div.card-header').find(
'div.bookmark-btn').find('a').text('Remove Bookmark');
//toolbar btn chnage on toolbar btn click
thisbtn.parent('div.bookmark-btn').find('a').text(
'Remove Bookmark');
thisbtn.parent('div.bookmark-btn').find('a').addClass(
'remove-bookmark');
thisbtn.parent('div.bookmark-btn').find('a').removeClass(
'bookmark');
//footer button change on toolbar btn click
thisbtn.parents('div.card-header').siblings('div.card-footer').find(
'div.footer-bookmark').find('a').addClass('remove-bookmark');
thisbtn.parents('div.card-header').siblings('div.card-footer').find(
'div.footer-bookmark').find('a').data('bookmark_id', data
.bookmark.id);
thisbtn.parents('div.card-header').siblings('div.card-footer').find(
'div.footer-bookmark').find('a').children().addClass(
'text-primary');
}
$('.indicator-progress').hide();
$('.indicator-label').show();
$('#bookmark_type').val(null).trigger('change');
}
});
});
//cancel button//
$('#kk_modal_bookmark_cancel').on('click', function() {
console.log('working');
$('.messages').empty();
$('.with-errors').text('');
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_bookmark_form')[0].reset();
$('#kk_modal_new_bookmark').modal('hide');
$('#bookmark_type').val(null).trigger('change');
})
});
/**####### end:: Bookmark ###########**/
/**######## begin::remove from bookmark ########**/
$(document).on('click', '.remove-bookmark', function() {
var id = $(this).data('bookmark_id');
//console.log('remove');
var thisbtn = $(this);
Swal.fire({
text: "Are you sure you want to remove this Question from your bookmarks?",
icon: "warning",
showCancelButton: !0,
buttonsStyling: !1,
confirmButtonText: "Yes, remove",
cancelButtonText: "No, cancel",
customClass: {
confirmButton: "btn fw-bold btn-danger",
cancelButton: "btn fw-bold btn-active-light-primary"
}
}).then((function(o) {
if (o.value) { //if agree
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/remove-from-bookmark",
dataType: 'json',
data: {
'id': id
},
success: function(data) {
toastr.success(data.message);
//footer btn change on footer btn click
thisbtn.removeClass('remove-bookmark');
thisbtn.addClass('bookmark');
thisbtn.children().removeClass('text-primary');
//tolbar html change on footer btn click
thisbtn.parents('div.card-footer').siblings('div.card-header')
.find('div.bookmark-btn').find('a').addClass('bookmark');
thisbtn.parents('div.card-footer').siblings('div.card-header')
.find('div.bookmark-btn').find('a').removeClass(
'remove-bookmark');
thisbtn.parents('div.card-footer').siblings('div.card-header')
.find('div.bookmark-btn').find('a').text('Add Bookmark');
//toolbar btn chnage on toolbar btn click
thisbtn.parent('div.bookmark-btn').find('a').text(
'Add Bookmark');
thisbtn.parent('div.bookmark-btn').find('a').addClass(
'bookmark');
thisbtn.parent('div.bookmark-btn').find('a').removeClass(
'remove-bookmark');
//footer button change on toolbar btn click
thisbtn.parents('div.card-header').siblings('div.card-footer')
.find('div.footer-bookmark').find('a').addClass('bookmark');
thisbtn.parents('div.card-header').siblings('div.card-footer')
.find('div.footer-bookmark').find('a').removeClass(
'remove-bookmark');
thisbtn.parents('div.card-header').siblings('div.card-footer')
.find('div.footer-bookmark').find('a').children()
.removeClass('text-primary');
}
});
}
}))
})
/**####### end::remove from bookmark ##########**/
/**####### begin::Video section ######**/
$(document).on('click', '.add-video', function() {
$('#kk_modal_show_video').modal('hide');
var id = $(this).data('id');
// console.log(id);
var type = $(this).data('type');
$('input[name="data_id"]').val(id);
$('input[name="type"]').val(type);
$('#kk_modal_add_video').modal('show');
});
$(document).on('click', '#kk_modal_add_video_cancel', function() {
$('.messages').empty();
$('.with-errors').text('');
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_add_video').modal('hide');
})
//add video//
$(document).on('submit', '#kk_modal_new_video_form', function(e) {
e.preventDefault();
$('.messages').empty();
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/question/video/store",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_new_video_form').find('.messages').html(alertBox).show();
} else {
// empty the form
$('#kk_modal_new_video_form')[0].reset();
$("#kk_modal_add_video").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
});
})
//show video//
$(document).on('click', '.show-video', function() {
var id = $(this).data('id');
// console.log(id);
var type = $(this).data('type');
$.ajax({
type: "GET",
url: "https://sattacademy.com/question/video/show" + '/' + id + '/' + type,
dataType: 'json',
beforeSend: function() {
$('#kk_modal_add_video').modal('hide');
},
success: function(data) {
$("#video_data").html(data.html);
$("#kk_modal_show_video").modal('show');
},
complete: function() {
var w = window.innerWidth;
var h = window.innerHeight;
// console.log(w);
// console.log(h);
if (w <= 390) {
$('iframe').css({
'width': '100%',
'height': 'auto'
})
} else if (w > 390 && w <= 576) {
$('iframe').css({
'width': '100%',
'height': '200px'
})
} else if (w > 576 && w <= 768) {
$('iframe').css({
'width': '100%',
'height': '250px'
})
} else {
$('iframe').css({
'width': '100%',
'height': '315px'
})
}
}
});
});
$(document).on('click', '#kk_modal_show_video_cancel', function() {
$('#kk_modal_show_video').modal('hide');
})
/**###### end::Video section ########**/
/**####### begin::add tag ###########**/
//add new//
$(document).on('click', '.tag', function() {
var id = $(this).data('id');
var subject_id = $(this).data('subject_id');
var type = $(this).data('type');
// console.log(id);
// console.log(subject_id);
//clear
$('input[name="question_id"]').val('');
$('input[name="subject_id"]').val('');
$('input[name="type"]').val('');
$('input[name="tag"]').val('');
$('div.result').html('');
$('div.tag-div_2').html('');
//append subject_id and question_id into tag modal//
$('input[name="question_id"]').val(id);
$('input[name="subject_id"]').val(subject_id);
$('input[name="type"]').val(type);
$('#kk_modal_add_tag').modal('show');
});
//search tag//
$(document).ready(function() {
var timeout = null;
$(document).on('keyup', '.search_tag', function() {
var question_id = $('input[name="question_id"]').val();
var subject_id = $('input[name="subject_id"]').val();
var type = $('input[name="type"]').val();
var this_input = $(this);
//console.log(id)
clearTimeout(timeout);
timeout = setTimeout(() => {
var val = $(this).val();
if (val == "") {
$('.result').html('');
}
//If val is not empty.
else {
//AJAX is called.
$.ajax({
type: "POST",
url: "https://sattacademy.com/question/tag/search",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
//Assigning value of "val" into "search" variable.
search: val,
question_id: question_id,
subject_id: subject_id,
type: type
},
//If result found, this funtion will be called.
success: function(data) {
//console.log(data)
this_input.closest('div').find('.result').html(data);
//this_input.closest('#result').hide()
//$('#result').html(data);
}
});
}
}, 700);
});
})
$(document).on('click', '#kk_modal_tag_close', function() {
//clear
$('input[name="question_id"]').val('');
$('input[name="subject_id"]').val('');
$('input[name="tag"]').val('');
$('input[name="type"]').val('');
$('div.result').html('');
$('div.tag-div_2').html('');
$('#kk_modal_add_tag').modal('hide');
})
//add tag
$(document).on('click', '.add-tag', function() {
var sid = $(this).data('sid');
var qid = $(this).data('qid');
var type = $(this).data('type');
var thisElement = $(this);
//AJAX is called.
$.ajax({
type: "POST",
url: "https://sattacademy.com/question/tag/tag-added",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
//Assigning value of "val" into "search" variable.
subject_id: sid,
question_id: qid,
type: type
},
//If result found, this funtion will be called.
success: function(data) {
if (data.success) {
toastr.success(data.message);
// $('#kk_modal_add_tag').modal('hide');
// $('.result').html('');
// $('.search_tag').val('');
thisElement.removeClass('add-tag');
thisElement.addClass('remove-tag');
let html = `<span class="badge badge-info cursor-pointer fs-8 mb-3 me-2 remove-tag"
data-sid="${data.subject.id}" data-qid="${data.question_id}" data-type="${data.type}"
title="Remove">${data.subject.name}</span>`;
thisElement.parents('div.modal-body').find('div.tag-div_2').append(html);
} else {
toastr.error(data.message);
}
}
});
})
//remove tag//
$(document).on('click', '.remove-tag', function() {
var sid = $(this).data('sid');
var qid = $(this).data('qid');
var type = $(this).data('type');
//console.log(sid);
//console.log(type);
var thisBtn = $(this);
console.log(thisBtn);
//AJAX is called.
$.ajax({
type: "POST",
url: "https://sattacademy.com/admin/question/remove-tag",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
//Assigning value of "val" into "search" variable.
subject_id: sid,
question_id: qid,
type: type
},
//If result found, this funtion will be called.
success: function(data) {
if (data.success) {
toastr.success(data.message);
thisBtn.removeClass('remove-tag');
thisBtn.addClass('add-tag');
thisBtn.parents('div.modal-body').find('.tag-div_2 span[data-sid="' + sid +
'"]').remove();
//location.reload();
} else {
toastr.error(data.message)
}
}
});
})
/**####### end::Tag #########**/
/*##### begin::Error Report #####*/
function cleanForm() {
$('.messages').empty();
$('.with-errors').text('');
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_error_report_form')[0].reset();
}
$(document).on('click', '.error-report', function() {
const id = $(this).data('id');
const type = $(this).data('type');
cleanForm();
$('input[name="id"]').val(id);
$('input[name="type"]').val(type);
$('#kk_modal_error_report').modal('show');
})
$(document).on('click', '#kk_modal_error_report_cancel', function() {
cleanForm();
$('#kk_modal_error_report').modal('hide');
})
//submit
$(document).on('submit', '#kk_modal_error_report_form', function(e) {
e.preventDefault();
$('.messages').empty();
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type: "POST",
url: "https://sattacademy.com/error-report/store",
data: formData,
cache: false,
contentType: false,
processData: false,
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_error_report_form').find('.messages').html(alertBox).show();
} else {
// empty the form
$('#kk_modal_error_report_form')[0].reset();
$("#kk_modal_error_report").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show();
$('.indicator-progress').hide();
}
});
})
/*##### end::Error Report #####*/
/* begin::voteing script */
$(document).on('click', '.choosen-option', function() {
if ($(this).is(':checked')) {
var choosen = $(this).val();
} else {
var choosen = 0;
}
let ques_id = $(this).data('ques_id');
//console.log(choosen);
//set & get local storage data
let previous = localStorage.getItem('key');
localStorage.setItem('key', choosen);
//console.log(previous);
const thisElement = $(this);
incrementDecrement(thisElement, choosen, previous);
//AJAX is called.
$.ajax({
type: "POST",
url: "https://sattacademy.com/mcq-question/answer-vote",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: {
ques_id: ques_id,
choosen: choosen,
},
//If result found, this funtion will be called.
success: function(data) {
if (data.success) {
console.log(data.message);
} else {
toastr.error(data.message);
}
}
});
})
/* end::voteing script */
function onlyOne(checkbox) {
let name = $(checkbox).attr('name');
var checkboxes = document.getElementsByName(name)
checkboxes.forEach((item) => {
if (item !== checkbox) item.checked = false
})
}
function incrementDecrement(thisElement, choosen, previous) {
var option1 = thisElement.parents('div.parent-card-body').find('span.vote_option_1');
var option2 = thisElement.parents('div.parent-card-body').find('span.vote_option_2');
var option3 = thisElement.parents('div.parent-card-body').find('span.vote_option_3');
var option4 = thisElement.parents('div.parent-card-body').find('span.vote_option_4');
var option5 = thisElement.parents('div.parent-card-body').find('span.vote_option_5');
if (choosen == 1) {
let val = parseInt(option1.text());
option1.text(val + 1);
} else if (choosen == 2) {
let val = parseInt(option2.text());
option2.text(val + 1);
} else if (choosen == 3) {
let val = parseInt(option3.text());
option3.text(val + 1);
} else if (choosen == 4) {
let val = parseInt(option4.text());
option4.text(val + 1);
} else if (choosen == 5) {
let val = parseInt(option5.text());
option5.text(val + 1);
}
if (previous == 1) {
let val = parseInt(option1.text());
if (val > 0) {
option1.text(val - 1);
}
} else if (previous == 2) {
let val = parseInt(option2.text());
if (val > 0) {
option2.text(val - 1);
}
} else if (previous == 3) {
let val = parseInt(option3.text());
if (val > 0) {
option3.text(val - 1);
}
} else if (previous == 4) {
let val = parseInt(option4.text());
if (val > 0) {
option4.text(val - 1);
}
} else if (previous == 5) {
let val = parseInt(option5.text());
if (val > 0) {
option5.text(val - 1);
}
}
}
</script>
<script type="text/javascript">
/**######begin::test mode & reading mode hide show #######**/
$(document).ready(function(){
$('.test-mode-data').addClass('d-none');
$('input[name="active_mode"]').val('reading');
$('.test-mode').on('click', function(){
$('.test-mode-data').removeClass('d-none');
$('.reading-mode-data').addClass('d-none');
$('.edit-btn-div').addClass('d-none');
$(this).addClass('d-none');
$('.mark-count').removeClass('d-none');
$('.reading-mode').removeClass('d-none');
$('input[name="active_mode"]').val('test');
$('.toolbar-div').addClass('d-none');
$('.tag-div').addClass('d-none');
$('.activity').addClass('d-none');
$('.custom-bookmark-card').addClass('d-none');
})
$('.reading-mode').on('click', function(){
$('.reading-mode-data').removeClass('d-none');
$('.test-mode-data').addClass('d-none');
$('.edit-btn-div').removeClass('d-none');
$(this).addClass('d-none');
$('.mark-count').addClass('d-none');
$('.test-mode').removeClass('d-none');
$('input[name="active_mode"]').val('reading');
$('.toolbar-div').removeClass('d-none');
$('.tag-div').removeClass('d-none');
$('.activity').removeClass('d-none');
$('.custom-bookmark-card').removeClass('d-none');
})
})
/**######end::test mode & reading mode hide show #######**/
/**######begin::Test #######**/
$(document).ready(function(){
$(document).on('click', '.click-option', function(){
var id = $(this).data('id')
var option_value = $(this).data('option_value');
var answer = $(this).parents('div.parent-row').find('input[name="answer"]').val();
// console.log('question='+id);
// console.log('option='+option_value);
// console.log('answer='+answer);
$(this).parents('div.parent-row').find('span').click(function() { return false; });
$(this).parents('div.parent-row').find('div.click-option').removeClass('cursor-pointer');
if(answer == 1){
$(this).parents('div.parent-row').find('i.option-1').removeClass('fa-dot-circle text-dark');
$(this).parents('div.parent-row').find('i.option-1').addClass('fa-check-circle fs-4 sa-success');
$(this).parents('div.parent-row').find('div.option-1-text').removeClass('text-dark');
$(this).parents('div.parent-row').find('div.option-1-text').addClass('sa-success fs-4 fw-bold');
}else if(answer == 2){
$(this).parents('div.parent-row').find('i.option-2').removeClass('fa-dot-circle text-dark');
$(this).parents('div.parent-row').find('i.option-2').addClass('fa-check-circle fs-4 sa-success');
$(this).parents('div.parent-row').find('div.option-2-text').removeClass('text-dark');
$(this).parents('div.parent-row').find('div.option-2-text').addClass('sa-success fs-2 fw-bold');
}else if(answer == 3){
$(this).parents('div.parent-row').find('i.option-3').removeClass('fa-dot-circle text-dark');
$(this).parents('div.parent-row').find('i.option-3').addClass('fa-check-circle fs-4 sa-success');
$(this).parents('div.parent-row').find('div.option-3-text').removeClass('text-dark');
$(this).parents('div.parent-row').find('div.option-3-text').addClass('sa-success fs-2 fw-bold');
}else if(answer == 4){
$(this).parents('div.parent-row').find('i.option-4').removeClass('fa-dot-circle text-dark');
$(this).parents('div.parent-row').find('i.option-4').addClass('fa-check-circle fs-4 sa-success');
$(this).parents('div.parent-row').find('div.option-4-text').removeClass('text-dark');
$(this).parents('div.parent-row').find('div.option-4-text').addClass('sa-success fs-2 fw-bold');
}else if(answer == 5){
$(this).parents('div.parent-row').find('i.option-5').removeClass('fa-dot-circle text-dark');
$(this).parents('div.parent-row').find('i.option-5').addClass('fa-check-circle fs-4 sa-success');
$(this).parents('div.parent-row').find('div.option-5-text').removeClass('text-dark');
$(this).parents('div.parent-row').find('div.option-5-text').addClass('sa-success fs-2 fw-bold');
}
if(answer == option_value){
var val = $('#wright').html();
$('#wright').html(parseInt(val)+1);
$(this).find('span.d-flex').append('<span class="ms-2"><i class="fas fa-check sa-success fs-3"></i></span>');
}else{
var val = $('#wrong').html();
//console.log(val)
$('#wrong').html(parseInt(val)+1);
$(this).find('span.d-flex').append('<span class="ms-2"><i class="fas fa-times sa-danger fs-3"></i></span>');
}
})
})
/**######end::Test #######**/
/**begin::Question Edit**/
// //edit Question
// $(document).on('click', '.editQuestion', function() {
// var id = $(this).data('id');
// //console.log(id);
// Swal.fire({
// text: "Are you sure you want to edit this Question?",
// icon: "warning",
// showCancelButton: !0,
// buttonsStyling: !1,
// confirmButtonText: "Confirm",
// cancelButtonText: "No, cancel",
// customClass: {
// confirmButton: "btn fw-bold btn-danger",
// cancelButton: "btn fw-bold btn-active-light-primary"
// }
// }).then((function (o) {
// if(o.value){ //if agree
// $.ajax({
// type:"GET",
// url: "https://sattacademy.com/question/edit-question"+'/'+id,
// dataType: 'json',
// success:function(data){
// $("#edit_question_data").html(data.html);
// $("#kk_edit_question_modal").modal('show');
// }
// });
// }
// }))
// });
// //edit question cancel button
// $(document).on('click', '#kk_modal_new_service_cancel', function(){
// $('.indicator-label').show()
// $('.indicator-progress').hide()
// $('#kk_modal_new_service_submit').removeAttr('disabled')
// $("#kk_edit_question_modal").modal('hide');
// })
// //update edited question
// $(document).on('submit', '#kk_modal_question_update_form', function(e){
// e.preventDefault()
// //console.log('here')
// $('.with-errors').text('');
// $('.indicator-label').hide();
// $('.indicator-progress').show();
// var formData = new FormData(this);
// $.ajax({
// type:"POST",
// url: "https://sattacademy.com/question/edit-question/update",
// data:formData,
// cache:false,
// contentType: false,
// processData: false,
// success:function(data){
// if(data.success == false || data.success == "false"){
// var arr = Object.keys(data.errors);
// var arr_val = Object.values(data.errors);
// for(var i= 0;i < arr.length;i++){
// $('.'+arr[i]+'-error').text(arr_val[i][0])
// }
// }else if(data.error || data.error == 'true'){
// var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data.message + '</div>';
// $('#kk_modal_question_update_form').find('.messages').html(alertBox).show();
// }else{
// // empty the form
// $('#kk_modal_question_update_form')[0].reset();
// $("#kk_edit_question_modal").modal('hide');
// toastr.success(data.message);
// }
// $('.indicator-label').show()
// $('.indicator-progress').hide()
// $('#kk_modal_new_service_submit').removeAttr('disabled')
// }
// });
// })
// /**end::Question Edit**/
/**########begin::edit-passage #########**/
$(document).on('click', '.edit-passage', function(){
var passage_id = $(this).data('passage_id');
//console.log(des_id);
Swal.fire({
text: "Are you sure you want to edit this passage?",
icon: "warning",
showCancelButton: !0,
buttonsStyling: !1,
confirmButtonText: "Confirm",
cancelButtonText: "No, cancel",
customClass: {
confirmButton: "btn fw-bold btn-danger",
cancelButton: "btn fw-bold btn-active-light-primary"
}
}).then((function (o) {
if(o.value){ //if agree
$.ajax({
type:"GET",
url: "https://sattacademy.com/question/passage/edit",
dataType: 'json',
data:{
'passage_id' : passage_id
},
success:function(data){
$("#edit_passage").html(data.html);
$("#kk_modal_edit_passage").modal('show');
}
});
}
}))
});
//update passage
$(document).on('submit', '#kk_modal_edit_passage_form',function(e){
e.preventDefault()
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
// formData.append('passage', myPassaseEditor.getData());
$.ajax({
type:"POST",
url: "https://sattacademy.com/question/passage/update",
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(data){
if(data.success == false || data.success == "false"){
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for(var i= 0;i < arr.length;i++){
$('.'+arr[i]+'-error').text(arr_val[i][0])
}
}else if(data.error || data.error == 'true'){
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data.message + '</div>';
$('#kk_modal_edit_passage_form').find('.messages').html(alertBox).show();
}else{
// empty the form
$('#kk_modal_edit_passage_form')[0].reset();
$("#kk_modal_edit_passage").modal('hide');
toastr.success(data.message);
}
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
});
})
//passage edit cancel button
$(document).on('click', '#kk_modal_edit_passage_cancel', function(){
$('.indicator-label').show();
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
$('#kk_modal_edit_passage_form')[0].reset();
$("#kk_modal_edit_passage").modal('hide');
})
/**#########end::edit-passage ##########**/
</script>
<script type="text/javascript">
$(document).ready(function(){
$(document).on('click', '.test-yourself', function(){
$(this).text('Loading...');
var id = $(this).data('subject_id');
var total_ques = $(this).data('total_ques');
//console.log(id);
$('.with-errors').text('');
$('#error-message').html('');
$('.messages').html('');
$('#kk_modal_self_test_form')[0].reset();
$('input[name="subject_id"]').val(id);
var val = '<span class="">Total Question</span>'
val += '<span class="badge badge-danger badge-lg ms-2 pb-1" id="total">' + total_ques + '</span>'
$('#total_question').html(val);
$('#kk_modal_new_service_submit_btn').attr('disabled' , true);
$('#kk_modal_self_test').modal('show');
getChapter(id);
setTimeout(() => {
$(this).text('TEST');
}, 2000);
});
// subject based get chapter
function getChapter (id){
if(id){
$.ajax({
url: '/get-subject-chapter/' + id,
type: "GET",
dataType: "json",
success: function(data) {
if (data) {
$('#chapter-self-test').empty();
traverseChapter(data, '');
} else {
$('#chapter-self-test').empty();
}
}
});
}
}
function traverseChapter(chapters, prefix) {
$.each(chapters, function(key, chap) {
// console.log(chap);
// Check if the category has children
var hasChildren = chap.children && chap.children.length > 0;
// Append the category name to the select element with appropriate indentation and styling
$('#chapter-self-test').append(
'<option class="options" data-parent-id="' + chap.parent_id + '" value="' + chap.id + '">' +
prefix + chap.name + '(' + chap.num_of_mcq + ')' + (hasChildren ? ' →' : '') +
'</option>'
);
// If the category has children, recursively traverse them with an increased prefix
if (hasChildren) {
traverseChapter(chap.children, prefix + '\u00A0\u00A0\u00A0\u00A0\u00A0');
}
});
}
//calculate the mark, time, cut mark
function calculatePassMark(totalQuestion, value) {
let val = Math.round((value * totalQuestion) / 100);
return val ;
}
function calculateDuration(totalQuestion, value) {
let val = Math.round((value * totalQuestion) / 100);
return val ;
}
//empty the error message
$(document).on('keyup', ".number_of_ques", function () {
if(isNaN($(this).val()) || $(this).val() == NaN || $(this).val() == '') {
$('#error-message').html('');
$('#kk_modal_new_service_submit_btn').attr('disabled', true);
$('input[name="duration"]').val('');
$('input[name="cut_mark"]').val('');
$('input[name="total_mark"]').val('');
}
})
//count input number of question value
$(document).on('keyup', ".number_of_ques", function () {
//console.log('here');
var input_total = 0;
input_total += parseInt($(this).val())
var total_question = parseInt($('#total').text());
// console.log(total_question)
$('#error-message').html('');
if(isNaN(input_total) || input_total == NaN) {
input_total = 0;
//console.log(input_total);
}
if(input_total > 0) {
//set the total mark value
$('input[name="total_mark"]').val(input_total);
let pass_mark = calculatePassMark(input_total, 40);
$('input[name="cut_mark"]').val(pass_mark);
let exam_duration = calculateDuration(input_total, 60);
$('input[name="duration"]').val(exam_duration);
}else {
$('input[name="duration"]').val('');
$('input[name="cut_mark"]').val('');
$('input[name="total_mark"]').val('');
}
if ( input_total > total_question || input_total > 200 || input_total < 5 && input_total > 0){
$('#error-message').html(
`<span class="text-danger">Number of input question must be grater than or equal <span class="fw-bolder">5</span> and less than <span class="fw-bolder">100</span>.</span>`
);
$('#kk_modal_new_service_submit_btn').attr('disabled', true);
}else{
$('#error-message').html('');
$('#kk_modal_new_service_submit_btn').attr('disabled', false);
}
})
$(document).on('click', '#kk_modal_self_test_cancel', function(){
$('.with-errors').text('');
$('.messages').html('');
$('.test-yourself').text('TEST');
$('.indicator-label').show();
$('#error-message').html('');
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
$('#kk_modal_self_test_form')[0].reset();
$('#kk_modal_self_test').modal('hide');
})
//submit//
$(document).on('submit', '#kk_modal_self_test_form', function(e){
e.preventDefault()
$('.with-errors').text('');
$('.indicator-label').hide();
$('.indicator-progress').show();
var formData = new FormData(this);
$.ajax({
type:"POST",
url: "https://sattacademy.com/test",
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(data){
if(data.success == false || data.success == "false"){
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for(var i= 0;i < arr.length;i++){
$('.'+arr[i]+'-error').text(arr_val[i][0])
}
}else if(data.error || data.error == 'true'){
var alertBox = '<div class="alert alert-danger alert-dismissable">' + data.message + '</div>';
$('#kk_modal_self_test_form').find('.messages').html(alertBox).show();
}else{
// empty the form
$('#kk_modal_self_test_form')[0].reset();
$("#kk_modal_self_test").modal('hide');
$('.messages').html('');
//console.log(data);
let url = data.data.url + '?';
if (data.data.subject_id != null) {
url += 's_id=' + encodeURIComponent(data.data.subject_id) + '&';
}
if (data.data.number_of_question != null) {
url += 'n_o_q=' + encodeURIComponent(data.data.number_of_question) + '&';
}
if (data.data.total_mark != null) {
url += 't_m=' + encodeURIComponent(data.data.total_mark) + '&';
}
if (data.data.cut_mark != null) {
url += 'c_m=' + encodeURIComponent(data.data.cut_mark) + '&';
}
if (data.data.negative_mark != null) {
url += 'n_m=' + encodeURIComponent(data.data.negative_mark) + '&';
}
if (data.data.duration != null) {
url += 'du=' + encodeURIComponent(data.data.duration) + '&';
}
if (data.data.chapter_id != null) {
url += 'chapter_id=' + encodeURIComponent(data.data.chapter_id);
}
// Remove the last '&' if there was one
url = url.endsWith('&') ? url.slice(0, -1) : url;
// Redirect to the generated URL
window.location.href = url;
}
$('.indicator-label').show();
$('.test-yourself').text('TEST');
$('#error-message').html('');
$('.indicator-progress').hide();
$('#kk_modal_new_service_submit').removeAttr('disabled');
}
});
})
});
</script>
<script type="text/javascript">
$(document).ready(function () {
var auth = "";
$('.customDropdownButton').on('click', function (event) {
event.stopPropagation();
const $existingDropdown = $('.dynamic-dropdown-menu');
if ($existingDropdown.length) {
// If dropdown exists, remove it with fade-out animation
$existingDropdown.addClass('fade-out');
setTimeout(() => $existingDropdown.remove(), 300);
if ($existingDropdown.parent()[0] === this) return;
}
const mainCategory = $(this).data('main-category');
const subjectId = $(this).data('id');
const subjectSlug = $(this).data('slug');
const numOfMcq = $(this).data('mcq');
const numOfWritten = $(this).data('written');
if(auth){
checkFavorite(subjectId);
checkBookmark(subjectId);
}
// Start building the dropdown menu HTML
let dropdownHtml = `
<div class="dropdown-menu dropdown-menu-end fs-7 w-100px dynamic-dropdown-menu position-absolute end-0 top-100" data-kt-menu="true">
<div class="menu-item">
<a href="javascript:void(0)" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block test-yourself border-bottom border-primary border-0"
data-action="test-yourself" data-subject_id="${subjectId}" data-total_ques="${numOfMcq}">
Test Yourself
</a>`;
if(auth){
dropdownHtml += `
<a href="javascript:void(0)" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block border-bottom border-primary border-0 favorite-btn"
data-action="favorite" data-id="${subjectId}" data-type="subject">
<i class="fa-solid fa-ellipsis" id="loading"></i>
</a>
<a href="javascript:void(0)" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block border-bottom border-primary border-0 bookmark-btn"
data-action="bookmark" data-id="${subjectId}" data-type="subject">
<i class="fa-solid fa-ellipsis" id="loading"></i>
</a>
`;
}
// Only add the "View MCQ" option if numOfMcq is not 0
if (numOfMcq != 0) {
dropdownHtml += `
<a href="${getRoute(mainCategory, subjectSlug, 'mcq', subjectId)}" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block border-bottom border-primary border-0">
View MCQ
</a>
`;
}
// Only add the "View Written" option if numOfWritten is not 0
if (numOfWritten != 0) {
dropdownHtml += `
<a href="${getRoute(mainCategory, subjectSlug, 'written', subjectId)}" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block border-bottom border-primary border-0">
View Written
</a>
`;
}
dropdownHtml += `
<a href="${getRoute(mainCategory, subjectSlug, 'mcq_add', subjectId)}" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block border-bottom border-primary border-0">
Add MCQ
</a>
<a href="${getRoute(mainCategory, subjectSlug, 'written_add', subjectId)}" class="btn btn-white btn-sm btn-active-primary px-2 rounded-0 fs-7 d-block">
Add Written
</a>
</div>
</div>
`;
// Insert the dropdown menu into the DOM
$(this).before(dropdownHtml);
const $dropdownMenu = $('.dynamic-dropdown-menu');
$dropdownMenu.css('display', 'block');
// Close the dropdown if clicked outside
$(document).on('click.closeDropdown', (event) => {
if (!$(event.target).closest(this).length) {
$dropdownMenu.addClass('fade-out');
setTimeout(() => {
$dropdownMenu.remove();
$(document).off('click.closeDropdown');
}, 300);
}
});
});
const routes = {
chapter: {
job: 'https://sattacademy.com/job-solution/:slug',
skill: "https://sattacademy.com/skill/:slug",
admission: "https://sattacademy.com/admission/:slug",
academy: "https://sattacademy.com/academy/:slug"
},
mcq: {
job: "https://sattacademy.com/job-solution/subject/mcq/sid=:id",
skill: "https://sattacademy.com/skill/subject=:id/mcq",
admission: "https://sattacademy.com/admission/subject/mcq/sid=:id",
academy: "https://sattacademy.com/academy/subject=:id/mcq"
},
written: {
job: "https://sattacademy.com/job-solution/subject/written/sid=:id",
skill: "https://sattacademy.com/skill/subject=:id/written",
admission: "https://sattacademy.com/admission/subject/written/sid=:id",
academy: "https://sattacademy.com/academy/subject=:id/written"
},
mcq_add: "https://sattacademy.com/subject/:id/add-mcq",
written_add: "https://sattacademy.com/subject/:id/add-written"
};
function getRoute(mainCategory, slug, actionType, id) {
const categoryKey = {
'1': 'job',
'4': 'skill',
'3': 'admission',
'2': 'academy'
}[mainCategory] || 'default';
// Initialize the route variable
let route;
// Check if actionType is a direct property or nested object
if (actionType === 'mcq_add' || actionType === 'written_add') {
route = routes[actionType]; // Direct access
} else {
route = routes[actionType]?.[categoryKey]; // Nested access
}
if (!route) {
console.error('Route not found', { mainCategory, slug, actionType, id });
return null;
}
// Replace placeholders dynamically
return route.replace(':slug', slug || '').replace(':id', id || '');
}
function checkBookmark(subjectId) {
$.ajax({
url: "/check/bookmark",
data: {
question_id: subjectId,
category_id: null, // or pass an actual value
type: "subject",
_token: $('meta[name="csrf-token"]').attr('content') // Include CSRF token
},
success: function (data) {
if (data.success === true) {
$('.bookmark-btn').attr('data-bookmark_id', data.bookmark.id);
// add button text
$('.bookmark-btn').text('Remove Bookmark');
$('.bookmark-btn').addClass('remove-bookmark');
} else {
$('.bookmark-btn').text('Bookmark');
$('.bookmark-btn').addClass('bookmark');
}
},
error: function (xhr, status, error) {
$('.bookmark-btn').text('Bookmark');
$('.bookmark-btn').addClass('bookmark');
}
});
}
function checkFavorite(subjectId){
$.ajax({
url: "/check/vote-like/" + subjectId + "/subject",
success: function (data) {
if (data.success === true) {
$('.favorite-btn').attr('data-vote_id', data.vote);
// add button text
$('.favorite-btn').text('Remove Favorite');
$('.favorite-btn').addClass('undo-vote');
} else {
$('.favorite-btn').text('Favorite');
$('.favorite-btn').addClass('vote');
}
},
error: function (xhr, status, error) {
$('.favorite-btn').text('Favorite');
$('.favorite-btn').addClass('vote');
}
});
}
});
</script> <script type="text/javascript">
$(document).on('click', '.kt_user_follow_button', function() {
//console.log('Follow btn click');
var id = $(this).data('id');
var thisBtn = $(this);
$.ajax({
type: "GET",
url: "https://sattacademy.com/user-follow" + "/" + id,
data: {},
beforeSend: function() {
thisBtn.find('.indicator-label').hide();
thisBtn.find('.indicator-progress').show();
},
success: function(data) {
let follower_count_html = thisBtn.parent('div.d-flex').find('.follower_count')
.html();
let blog_following_count_html = thisBtn.parent().parent().find(
'.blog_follower_count').html();
if (data.success) {
if (data.value == 'follow') {
$('.indicator-label').show();
$('.indicator-progress').hide();
thisBtn.removeClass('btn-primary').addClass('btn-success');
thisBtn.find('.indicator-label').text(' Following');
if ($('.follower_count').length > 0) {
if (!follower_count_html.includes('k')) {
let followers = parseInt(follower_count_html);
thisBtn.parent('div.d-flex').find('.follower_count').html(
`${followers + 1}`);
}
}
// blog details
if ($('.blog_follower_count').length > 0) {
if (!blog_following_count_html.includes('k')) {
let followersBlog = parseInt(blog_following_count_html);
thisBtn.parent().parent().find('.blog_follower_count').html(
`${followersBlog + 1}`);
}
}
} else {
$('.indicator-label').show();
$('.indicator-progress').hide();
thisBtn.removeClass('btn-success').addClass('btn-primary');
thisBtn.find('.indicator-label').text(' Follow');
if ($('.follower_count').length > 0) {
if (!follower_count_html.includes('k')) {
let followers = parseInt(follower_count_html);
thisBtn.parent('div.d-flex').find('.follower_count').html(
`${followers - 1}`);
}
}
// blog details
if ($('.blog_follower_count').length > 0) {
if (!blog_following_count_html.includes('k')) {
let followersBlog = parseInt(blog_following_count_html);
thisBtn.parent().parent().find('.blog_follower_count').html(
`${followersBlog - 1}`);
}
}
}
} else {
toastr.error(data.message);
$('.indicator-label').show();
$('.indicator-progress').hide();
}
},
error: function(data) {
toastr.error('Please login to follow');
$('.indicator-label').show();
$('.indicator-progress').hide();
}
});
});
</script>
<script type="text/javascript">
//user short statistics
$(document).on('mouseover', '.user-statistics', function(){
let id = $(this).data('id');
let flug = $(this).data('flug');
//console.log(flug);
const thisElement = $(this);
if(flug == '-1'){
$.ajax({
type:"GET",
url: "https://sattacademy.com/user-short-statistics"+'/'+id,
data:{},
dataType: 'json',
success:function(data){
if(data.success == true || data.success == 'true'){
thisElement.prepend(data.html);
thisElement.data('flug', '1');
}else{
toastr.error(data.message);
}
}
});
}
});
// //close
$(document).on('mouseleave', '.user-statistics', function(){
//console.log('leave');
let flug = $(this).data('flug', '-1');
$('div.statistics-data').hide();
})
</script> <script type="text/javascript">
const url = window.location.href;
//console.log(url);
const shareData = {
title: 'SATT ACADEMY',
// text: 'Learn web development on MDN!',
url: url
}
$(document).on('click', '.share', async() => {
//console.log('click');
try {
await navigator.share(shareData);
//toastr.success('Shared successfully');
} catch (err) {
console.error(err);
}
});
</script> <script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/javascript">
$(document).ready(function() {
//call the function on page load
tableWrap();
imageSize();
//table wrap function
function tableWrap() {
$("table").wrap(`<div class="table-responsive w-100"></div>`);
$("table").addClass('table table-striped table-bordered');
$("table").find('thead').addClass('thead-dark fw-bolder fs-4');
$("table").find('th').addClass('ps-2');
$("table").find('td').addClass('ps-2');
$("table").css({
'max-width': '100%',
'margin-top': '10px',
'margin-bottom': '10px',
});
$("table").find('thead').css({
'background-color': 'gray',
'color': 'white'
});
};
//image sizeing function
function imageSize() {
$(".subject-all-topic img").not('.toolbar-img, .subject-icon, .subject-banner').each(function() {
// Wrap each image with a div having a class of 'w-100' if not already wrapped
if (!$(this).parent().hasClass('w-100')) {
$(this).wrap('<div class="w-100"></div>');
}
});
$(".subject-all-topic img").not('.subject-icon, .subject-banner').css({
'max-width': '100%',
'margin-top': '10px',
'margin-bottom': '10px',
});
}
/*toggle btn*/
$('#toggle-subject-chapter').on('click', function() {
$("#toggle-div").slideToggle(500);
$(this).find('i.fas').toggleClass('fa-chevron-down fa-chevron-up');
})
})
</script>
<script>
$(document).ready(function() {
let activeItem = $('.leftmenu .active');
$('.prev-menu').click(function() {
let prevItem = activeItem.prev();
if (activeItem && prevItem.length > 0 && prevItem.prop("tagName") == "A") {
window.location.href = prevItem.attr('href');
} else {
let parentRoute = $('.parent_route').attr('href');
window.location.href = parentRoute;
}
});
// Handle 'Next' button click
$('.next-menu').click(function() {
let nextItem = activeItem.next();
if (activeItem && nextItem.length > 0 && nextItem.prop("tagName") == "A") {
window.location.href = nextItem.attr('href');
} else {
Swal.fire({
icon: 'info',
title: 'No more items to navigate',
});
}
});
});
/*toggle btn*/
$(document).ready(function() {
$('.toggle-subchapter-btn').on('click', function(e) {
//console.log('click')
e.preventDefault();
let id = $(this).attr('data-id');
console.log(id);
$(this).toggleClass('fa-arrow-down fa-arrow-up');
let targetSubchapter = $('.child[data-parent="' + id + '"]');
console.log(targetSubchapter);
targetSubchapter.toggleClass('d-none');
});
});
function markAsComplete(completeableId, completeableType, completionType, name) {
const checkbox = document.getElementById(`is-completed-${completeableId}`);
const isChecked = checkbox.checked;
// Prepare the data to be sent to the server
const data = {
completeable_id: completeableId,
completeable_type: completeableType,
type: completionType
};
// Send the AJAX request
$.ajax({
type: "GET",
url: "https://sattacademy.com/iscomplete-progress",
data: data,
dataType: 'json',
success: function(response) {
if (response.success) {
// Display success SweetAlert
Swal.fire({
title: "Success!",
text: response.message,
icon: "success",
confirmButtonText: "OK",
confirmButtonColor: "#28a745"
});
// update lable text
if (isChecked) {
checkbox.nextElementSibling.querySelector('span').innerText = 'Mark as Incomplete';
} else {
checkbox.nextElementSibling.querySelector('span').innerText = 'Mark as Completed';
}
} else {
// If there is an error, revert the checkbox state
checkbox.checked = !isChecked;
// Display error SweetAlert
Swal.fire({
title: "Error",
text: response.message,
icon: "error",
confirmButtonText: "OK",
confirmButtonColor: "#dc3545"
});
}
},
error: function() {
// Handle errors and revert the checkbox state
checkbox.checked = !isChecked;
// Display generic error SweetAlert
Swal.fire({
title: "Error",
text: "An error occurred while processing your request.",
icon: "error",
confirmButtonText: "OK",
confirmButtonColor: "#dc3545"
});
}
});
}
</script>
<script>
$(document).ready(function() {
// When the header dropdown profile is clicked, ajax call to show dropdown
var dropdownLoaded = false;
$('#header-dropdown').click(function() {
if (dropdownLoaded) {
return;
}
$.ajax({
url: "https://sattacademy.com/profile/dropdown",
method: 'GET',
beforeSend: function() {
$('#header-dropdown-profile').html(
'<div class="skeleton-c9ay7k6i5vw my-3"></div>'
);
},
success: function(data) {
dropdownLoaded = true;
$('#header-dropdown-profile').html(data);
},
error: function(xhr) {
console.error(xhr.responseText);
}
});
});
});
</script>
<script type="text/javascript">
//Newsletter Subscriber
$(document).on('click', '#kk_newsletter_subscriber', function(e) {
e.preventDefault()
//console.log('here')
$('.with-errors').text('')
var thisaddbtn = $(this);
var email = $('input[name=email]').val();
// console.log(email);
$.ajax({
type: "POST",
url: "https://sattacademy.com/newsletter-subscriber/store",
data: {
"_token": "L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq",
email: email,
},
dataType: "json",
success: function(data) {
if (data.success == false || data.success == "false") {
var arr = Object.keys(data.errors);
var arr_val = Object.values(data.errors);
for (var i = 0; i < arr.length; i++) {
$('.' + arr[i] + '-error').text(arr_val[i][0])
}
} else if (data.error || data.error == 'true') {
var alertBox = '<div class="alert alert-danger" alert-dismissable">' + data
.message + '</div>';
$('#kk_modal_new_question_form').find('.messages').html(alertBox).show();
} else {
toastr.success(data.message);
$("#subscriber_email").val('');
}
}
});
})
</script>
<!--begin::dynamic promotion | Adveritsement-->
<script type="text/javascript">
function card(content, options = {
withLink: true,
countClick: true
}) {
let card = '';
if (content.target_url && options?.withLink) {
card +=
`<a href="/promotion-link?id=${content.id}&countClick=${options?.countClick}&_token=L2Cp0v0NlwoEJhj3aZ00cjVIMQgqfPr9PURjyMaq" target="_blank">`;
}
card +=
`<div class="card card-rounded promotion-card">`;
if (content.content_header) {
card += `<div class="p-4 fw-bolder fs-6" style="border-bottom: 1px solid #eff2f5;">
${content.content_header}
</div>`;
}
if (content.type == 'custom') {
card += `<div class="card-body p-4">
${content.content}
</div>`;
} else if (content.type == 'image') {
let imgUrl = content.image.startsWith('http') ? content.image : '/storage/' + content.image;
card += `<img src="${imgUrl}" style="max-width: 100%; height: auto;" />`;
} else if (content.type == 'video') {
if (content.video.includes('youtube.com/') || content.video.includes('vimeo.com/') || content.video
.includes('facebook.com/')) {
card +=
`<iframe src="${convertToEmbedUrl(content.video)}" style="width: 100%; aspect-ratio: 16/9;" scrolling="no" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>`;
} else {
card +=
`<video src="${content.video}" class="rounded my-auto promoted-video" style="width: 100%;" controls autoplay loop muted playsinline />`;
}
} else if (content.type == 'book') {
let bookPrice = content.book.price;
let bookDiscountPrice = content.book.discount_price;
let isFree = bookDiscountPrice == 0 || bookDiscountPrice == '0';
card += `
<div class="row g-0 h-100">
<div class="col-4">
<img src="${content.book.cover_image}" class="img-fluid rounded-start"
style="height: 100%; object-fit: cover; max-height: 200px;" alt="...">
</div>
<div class="col-8">
<div class="card-body p-4">
<span class="fs-9 text-muted">BOOK</span>
<h5 class="card-title">
${content.book.name}
</h5>
<div class="my-1">
${content.book.author_name ? '<span class="fs-7 text-gray-700">Author: ' + content.book.author_name +
'</span>' : ''}
<div class="fs-7 text-gray-700"> by ${content.book.business?.name || 'Satt Academy'}</div>
</div>
<div class="d-flex mt-1 align-items-center justify-content-between">
<span class="">
${!isFree && bookPrice != bookDiscountPrice ? '<span class="text-muted text-decoration-line-through fs-6">৳' + bookPrice + '</span>' : ''}
${isFree ? '<span class="badge badge-success">Free</span>' : ('<span class="fw-bold text-danger fs-6">৳' + bookDiscountPrice + '</span>')}
</span>
<span>
<i
class="fs-5 fas fa-${content.book.book_type == 'soft_copy' ? 'file-pdf text-danger' : 'book text-info'}"></i>
</span>
</div>
</div>
</div>
</div>
`;
} else if (content.type == 'course') {
//console.log(content);
card += `
<div class="row g-0 h-100">
<div class="col-4">
<img src="${content.course.cover_photo}" class="img-fluid rounded-start"
style="height: 100%; object-fit: cover;" alt="...">
</div>
<div class="col-8">
<div class="card-body p-4">
<span class="fs-9 text-muted">COURSE</span>
<h5 class="card-title">
${content.course.name}
</h5>
<div class="my-1">
${content.course.author_name ? '<span class="fs-7 text-gray-700">' + content.course.author_name
+ '</span>' : ''}
<span class="fs-7 text-gray-700"> by ${content.course.business?.name || 'Satt Academy'}</span><br>
</div>
<div class="d-flex align-items-center justify-content-between">
<span class="">
${content.course.price == 0 || content.course.price == '0' || content.course.price == null ?
'<span class="badge badge-success">Free</span>' : '<span class="fw-bold text-danger fs-6">৳' + content.course.price + '</span>'}
</span>
<span class="rounded text-white p-1 fs-9"
style="background-color: #D82D2F">${content.course.course_level.toUpperCase()}</span>
</div>
</div>
</div>
</div>
`;
} else if (content.type == 'exam') {
card += `
<div class="row g-0 h-100">
<div class="col-12">
<div class="card-body p-4">
<span class="fs-8 pb-3">MODEL TEST || SATT ACADEMY</span>
<h5 class="text-primary text-capitalize fs-3 fw-bold mb-1">
${content.exam.name}
</h5>
<p class="m-0">by ${ content.exam.business?.name ?? 'Satt Academy' }</p>
<div class="d-flex mt-2 gap-2 justify-content-between align-items-end">
<div class="d-flex align-items-center gap-2">
<span class="badge badge-secondary">${content.exam.duration} min</span>
<span class="badge badge-secondary">${content.exam.number_of_question} questions</span>
<span class="badge badge-secondary">${content.exam.total_mark} marks</span>
</div>
<div class="btn btn-primary sa-btn-primary py-2 px-3 fs-7">Attend now!</div>
</div>
</div>
</div>
</div>
`;
} else if (content.type == 'exam_package') {
// console.log(content);
card += `
<div class="row g-0 h-100">
<div class="col-12">
<div class="card-body p-4">
<span class="fs-8 pb-3">EXAM PACKAGE</span>
<h5 class="text-primary text-capitalize fs-3 fw-bold mb-1">
${content.exam_package.name}
</h5>
<p class="m-0">by ${ content.exam_package.business?.name ?? 'Satt Academy' }</p>
<div class="d-flex mt-2 gap-2 justify-content-between align-items-end">
<div class="d-flex align-items-center gap-2">
<span class="badge badge-secondary">${content.exam_package.exams_count} exams</span>
</div>
</div>
</div>
</div>
</div>
`;
} else if (content.type == 'business') {
card += `
<div class="row g-0 h-100">
<div class="col-12">
<div class="card-body p-4">
<div class="row">
<div class="col-2">
<img src="${content.business?.logo}" width="100" height="100" class="img-fluid rounded">
</div>
<div class="col-10">
<span class="fs-8 pb-3 text-muted">BUSINESS</span>
<h5 class="text-primary text-capitalize fs-3 fw-bold mb-1">
${content.business?.name}
</h5>
<p class="m-0">by ${ content.business?.user?.name ?? 'Satt Academy' }</p>
<div class="d-flex mt-2 gap-2 justify-content-between align-items-end">
<div class="d-flex align-items-center gap-2">
<span class="badge badge-secondary">${content.business?.books_count} books</span>
<span class="badge badge-secondary">${content.business?.courses_count} courses</span>
<span class="badge badge-secondary">${content.business?.exams_count} exams</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
}
if (content.content_footer) {
card += `<div class="card-footer p-4">
${content.content_footer}
</div>`;
}
card += `</div>`;
if (content.target_url && options?.withLink) {
card += `</a>`;
}
return card;
}
function convertToEmbedUrl(videoUrl) {
// YouTube URL patterns
const youtubePattern1 = /youtube\.com\/watch\?v=([^&]+)/;
const youtubePattern2 = /youtu\.be\/([^?]+)/;
// Vimeo URL pattern
const vimeoPattern = /vimeo\.com\/(\d+)/;
// Facebook URL pattern
const facebookPattern = /facebook\.com\/.+\/videos\/(\d+)/;
// Check for YouTube URL (full or shortened)
let match = videoUrl.match(youtubePattern1) || videoUrl.match(youtubePattern2);
if (match) {
const videoId = match[1];
return `https://www.youtube.com/embed/${videoId}?autoplay=1&loop=1&playlist=${videoId}`;
}
// Check for Vimeo URL
match = videoUrl.match(vimeoPattern);
if (match) {
const videoId = match[1];
return `https://player.vimeo.com/video/${videoId}`;
}
// Check for Facebook URL
match = videoUrl.match(facebookPattern);
if (match) {
const videoId = match[1];
return `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(videoUrl)}`;
}
// Return the original URL if it's not a valid YouTube or Vimeo URL
return videoUrl;
}
</script>
<script type="text/javascript">
let offcanvasEl = document.getElementById('satt_dynamic_offcanvas');
let offcanvas = offcanvasEl && new bootstrap.Offcanvas(offcanvasEl);
$(document).ready(function() {
setTimeout(() => {
loadPromotionData();
setTimeout(() => {
initVideoObserver();
if (isMobile()) {
$('#header-promotion-content, #footer-promotion-content').slick({
arrows: false,
autoplay: true,
//adaptiveHeight: true,
});
}
}, 500);
// Remove promotion content when modal or offcanvas is closed
$('.promotion-close-btn').on('click', function() {
$('.promotion-body').html('');
});
$('#satt_dynamic_modal').on('hidden.bs.modal', function() {
$('.promotion-body').html('');
});
$('#satt_dynamic_offcanvas').on('hidden.bs.offcanvas', function() {
$('.promotion-body').html('');
});
}, 1000);
});
// Insert inner promotion content divs
let $contentListItems = $('.content-list-item');
let insertAfterEach = 3;
if ($contentListItems.length >= insertAfterEach) {
$contentListItems.each((index, el) => {
// Insert a div after each 3 items
if ((index + 1) % insertAfterEach === 0) {
$(el).after('<div class="inner-promotion-content"></div>');
}
})
}
function isMobile() {
return window.matchMedia("only screen and (max-width: 767px)").matches;
}
function loadPromotionData() {
let route = "subject.chapter";
let promotionModalShownRoutes = JSON.parse(sessionStorage.getItem('promotionModalShownRoutes')) || [];
let modalShown = promotionModalShownRoutes.includes(route);
$.ajax({
type: "GET",
url: "https://sattacademy.com/dynamic-promotion-content" + "?_token=" + $('meta[name="csrf-token"]').attr(
'content') + "&route=" + route + "&sidebar=" + $(
'#sidebar-promotion-content').length + "&inner=" + $('.inner-promotion-content').length +
"&modalShown=" + modalShown,
dataType: 'json',
success: function(data) {
if (data) {
const headerContents = data.headerContents;
const footerContents = data.footerContents;
const innerContents = data.innerContents;
const sidebarContents = data.sidebarContents;
const modalContents = data.modalContents;
const offcanvasContents = data.offcanvasContents;
const modalSettings = data.modalSettings;
let headerCards = '';
let footerCards = '';
let innerCards = '';
let sidebarCards = '';
let modalCards = '';
let offcanvasCards = '';
if (headerContents && headerContents.length > 0) {
headerContents.forEach((content) => {
headerCards += card(content);
});
}
if (footerContents && footerContents.length > 0) {
footerContents.forEach((content) => {
footerCards += card(content);
});
}
if (innerContents && innerContents.length > 0) {
let $innerPromotionContentEls = $('.inner-promotion-content');
innerContents.forEach((content, index) => {
// innerCards += card(content);
$innerPromotionContentEls.eq(index).html(card(content));
});
}
if (sidebarContents && sidebarContents.length > 0) {
sidebarContents.forEach((content) => {
sidebarCards += card(content);
});
}
if (modalContents && modalContents.length > 0) {
if (modalSettings.show_modal_header_and_footer && modalSettings
.modal_header) {
modalCards += `<div class='text-center'>${modalSettings.modal_header}</div>`;
}
modalContents.forEach((content) => {
modalCards += card(content);
});
if (modalSettings.show_modal_header_and_footer && modalSettings
.modal_footer) {
modalCards += `<div class='text-center'>${modalSettings.modal_footer}</div>`;
}
$('#satt_dynamic_modal .dynamic-modal-body').html(modalCards);
$('#satt_dynamic_modal').modal('show');
// Save current route to session storage array
promotionModalShownRoutes.push(route);
sessionStorage.setItem('promotionModalShownRoutes', JSON.stringify(promotionModalShownRoutes));
}
if (offcanvasContents && offcanvasContents.length > 0) {
let positions = ['left', 'right'];
let offcanvasPosition = positions[Math.floor(Math.random() * positions.length)];
offcanvasContents.forEach((content) => {
offcanvasCards += card(content);
});
if (offcanvasPosition == 'left') {
offcanvasEl?.classList.add('offcanvas-start');
} else if (offcanvasPosition == 'top') {
offcanvasEl?.classList.add('offcanvas-top');
} else if (offcanvasPosition == 'bottom') {
offcanvasEl?.classList.add('offcanvas-bottom');
} else {
offcanvasEl?.classList.add('offcanvas-end');
}
$('#satt_dynamic_offcanvas .offcanvas-body')?.html(offcanvasCards);
offcanvas?.show();
}
$('#header-promotion-content').html(headerCards);
$('#footer-promotion-content').html(footerCards);
$('#sidebar-promotion-content').html(sidebarCards);
// $('#inner-promotion-content').html(innerCards);
}
}
});
}
function initVideoObserver() {
const videos = document.querySelectorAll('video.promoted-video');
const observerOptions = {
root: null,
rootMargin: '0px',
threshold: 0.5
};
const observerCallback = (entries, observer) => {
entries.forEach(entry => {
const video = entry.target;
if (entry.isIntersecting) {
video.play();
} else {
video.pause();
}
});
};
const observer = new IntersectionObserver(observerCallback, observerOptions);
videos.forEach(video => {
observer.observe(video);
});
}
</script>
<!--end::Javascript-->
<script src="https://sattacademy.com/js/sideLoginFormScript.js"></script>
<div class="page-spinner-wrapper" style="display: none" id="page-spinner">
<div class="spinner-grow" style="width: 3rem; height: 3rem;" role="status"></div>
</div>
<i class="fas fa-angle-up back_to_top_btn"></i>
<script src="https://sattacademy.com/assets/js/custom/bengalitoenglishinput.js"></script>
<script src="https://www.meanthemes.com/demo/meanmenu/jquery.meanmenu.js"></script>
<script>
document.getElementById('light_dark_btn').addEventListener('click', function() {
const currentTheme = document.documentElement.getAttribute('data-theme');
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', newTheme);
localStorage.setItem('theme', newTheme);
});
jQuery(document).ready(function() {
jQuery('.st-header-menu nav').meanmenu({
meanMenuContainer: '.mobile-menu',
meanScreenWidth: '1200',
});
});
$('.sa_aside_mobile_toggle').click(function() {
$('#mobileSidebarOffcanvas').offcanvas('show');
// $('.menu-sidebar').addClass('active');
// $('.body-overlay').addClass('active');
});
$('.body-overlay, .mobile-menu-close').click(function() {
$('#mobileSidebarOffcanvas').offcanvas('hide');
// $('.menu-sidebar').removeClass('active');
// $('.body-overlay').removeClass('active');
});
// back to top
var $backToTop = $(".back_to_top_btn");
$backToTop.hide();
$(window).on('scroll', function() {
if ($(this).scrollTop() > 100) {
$backToTop.fadeIn();
} else {
$backToTop.fadeOut();
}
});
$backToTop.on('click', function(e) {
$("html, body").animate({
scrollTop: 0
}, 500);
});
// $('.select2').select2();
</script>
<script>
function viewNotificationDetails(e, el) {
e.preventDefault();
let id = $(el).data('id');
$('#notification_item_modal').modal('show');
$.ajax({
url: 'https://sattacademy.com/notifications' + '/' + id + '/details',
type: 'GET',
beforeSend: function() {
$('#notification-details-loader').removeClass('d-none');
$('.notification-media').addClass('d-none');
$('.notification-action').addClass('d-none');
},
success: function(notification) {
let time = new Date(notification.created_at).toLocaleString();
// console.log(notification.data);
$('#notification-details-loader').addClass('d-none');
$('.notification-media').removeClass('d-none');
$('#notification-title').text(notification.data.title);
$('#notification-body').html(notification.data.body);
$('#notification-time').text(time);
if (notification.data.avatar) {
$('#notification-avatar').attr('src', notification.data.avatar);
}
if (notification.data.action) {
$('.notification-action').removeClass('d-none');
$('.notification-action').text(notification.data.action.text || 'Check it out');
$('.notification-action').attr('href', notification.data.action.url);
}
$(el).removeClass('unread');
// Fire a custom event
window.dispatchEvent(new CustomEvent('notification-read', {
detail: {
id: id
}
}));
}
});
}
// Remove google ad intent info banner
$(document).ready(function() {
setTimeout(() => {
let allDivs = document.querySelectorAll('div');
allDivs.forEach((el) => {
if (el.shadowRoot) {
// console.log(el);
el.shadowRoot.querySelector('.ipr-container').style.display = 'none';
}
});
}, 3000);
});
// Apply Copy limit
document.addEventListener('DOMContentLoaded', () => {
const dailyCopyLimit = 50; // Daily copy limit
const copyCountKey = 'dcc'; // Daily copy count key
const lastResetKey = 'dcc_lrt'; // Last reset time key
// Helper function to reset the copy count daily
const resetCopyCountIfNeeded = () => {
const now = new Date();
const today = now.toISOString().split('T')[0]; // Get today's date in YYYY-MM-DD format
const lastReset = localStorage.getItem(lastResetKey);
if (lastReset !== today) {
localStorage.setItem(copyCountKey, 0); // Reset count
localStorage.setItem(lastResetKey, today); // Update reset time
}
};
resetCopyCountIfNeeded();
// Copy event listener
document.addEventListener('copy', (e) => {
e.preventDefault();
const selection = document.getSelection();
if (selection.toString().length === 0) {
return;
}
let currentCount = parseInt(localStorage.getItem(copyCountKey)) || 0;
if (currentCount >= dailyCopyLimit) {
Swal.fire({
icon: 'error',
title: 'Copy Limit Exceeded',
text: `You have reached the daily copy limit of ${dailyCopyLimit}. Please come back tomorrow!`,
});
return;
}
// Append additional text to copied content
const additionalText =
"\n\nCopied from SATT ACADEMY. Visit us at: https://sattacademy.com";
const modifiedText = selection + additionalText;
e.clipboardData.setData('text/plain', modifiedText);
// Increment copy count
currentCount++;
localStorage.setItem(copyCountKey, currentCount);
if (currentCount % 10 === 0) {
alert(
`You have used ${currentCount} out of ${dailyCopyLimit} copies available today.`
);
}
});
});
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {},
Tawk_LoadStart = new Date();
(function() {
var s1 = document.createElement("script"),
s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/67aee5b13a842732607ea4bf/1ik1j2g2q';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>
